CSS :before 選擇器

2018-01-06 11:25 更新

定義和用法

:before 選擇器向選定的元素前插入內(nèi)容。

:before是偽元素，并且它生成包含放置在元素中的內(nèi)容之前的生成內(nèi)容的偽元素。

使用content 屬性來(lái)指定要插入的內(nèi)容。

默認(rèn)情況下，生成的偽元素是內(nèi)聯(lián)的，但這可以使用屬性顯示更改。

例子：

a[href]:before  {content: "[LINK]";) 
p:before {content: attr(class);}

每個(gè) <p>元素之前插入內(nèi)容：

p:before
{
content:"Read this: ";
}

在每個(gè)<p>之前插入的內(nèi)容和樣式:

p:before
{
content:"Read this -";
background-color:yellow;
color:red;
font-weight:bold;
}

表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。

選擇器
::before	4.0	9.0 部分從8.0	3.5	3.1	7.0 部分從 4.0

注意: before在IE8中運(yùn)行，必須聲明 <!DOCTYPE> 。