2016-10-03 27 views
0

如何在::之前写::如此之前的锚标签。如何在::之前:: ::之后写入锚标签

enter image description here

+1

通过CSS ......像这样'前::输出将显示内容{ “”}'[小提琴](https://jsfiddle.net/hbfhx7w2/) –

+1

当你检查元素:: before伪标签出现时,它实际上并不是'内部'锚标签,而是它使用css –

+0

为什么-2投票? ? –

回答

2

你在这里看到什么是CSS伪元素

::before伪元素可用于在元素的内容之前插入一些内容。例如 - 以下代码将在每个段落前插入This comes before...

p::before { 
    content: "This comes before..."; 
} 

有关CSS伪元素的更多信息,请参阅this链接。

0

::before被称为psuedo elements

:: after和:: before让你使用content属性添加一些内容到元素。

a::before { 
 
    content: " Before content"; 
 
    margin-right: 10px; 
 
} 
 
a::after { 
 
    content: "After content"; 
 
    margin-left: 10px; 
 
}
<a href="#">Click Here </a>

+0

我知道他们是伪元素,但我已经看到他们在HTML代码内,我不明白效果,看看问题,这是一个HTML文件,而不是一个CSS,像每个答案 – J3STER

1

其在CSS2使用并且::before选择每个所选择的元素或元素的含量之前插入的东西。

使用content属性指定要插入的内容。

也有::after哪个选择器用于在内容之后插入内容。

CSS

<style> 
    p::before { 
    content: "User Name"; 
    background-color: yellow; 
    color: red; 
    font-weight: bold; 
} 
</style> 



<body> 

<p>Karthik N </p> 
<p>Sachith MW </p> 

</body> 

如下:)

enter image description here

相关问题