CSS偽對(duì)象

目錄

• 1 after
• 2 first-letter
• 3 first-line
• 4 before

after

語(yǔ)法：Selector : after { sRules }
說(shuō)明：用來(lái)和 content 屬性一起使用，設(shè)置在對(duì)象后(依據(jù)對(duì)象樹(shù)的邏輯結(jié)構(gòu))發(fā)生的內(nèi)容。
示例：table:after { content: END OF TABLE }

first-letter

語(yǔ)法：Selector : first-letter { sRules }
說(shuō)明：
設(shè)置對(duì)象內(nèi)的第一個(gè)字符的樣式。
此偽對(duì)象僅作用于塊對(duì)象。內(nèi)聯(lián)要素要使用該屬性，必須先設(shè)定對(duì)象的 height 或 width 屬性，或者設(shè)定 position 屬性為 absolute ，或者設(shè)定 display 屬性為 block 。
在此偽對(duì)象中配合使用 font-size 屬性和 float 屬性可以制作首字下沉效果。
示例：
p a:first-letter { color: green }
div:first-letter { color:red;font-size:16px;float:left; }

first-line

語(yǔ)法：Selector : first-line { sRules }
說(shuō)明：
設(shè)置對(duì)象內(nèi)的第一行的樣式。
此偽對(duì)象僅作用于塊對(duì)象。內(nèi)聯(lián)要素要使用該屬性，必須先設(shè)定對(duì)象的 height 或 width 屬性，或者設(shè)定 position 屬性為 absolute ，或者設(shè)定 display 屬性為 block 。
如果未強(qiáng)制指定對(duì)象的 width 屬性， 首行的內(nèi)容長(zhǎng)度可能不是固定的。
示例：
p a:first-line { color: green }
div:first-line { color:red;font-size:16px; }

before

語(yǔ)法：Selector : before { sRules }
說(shuō)明：用來(lái)和 content 屬性一起使用，設(shè)置在對(duì)象前(依據(jù)對(duì)象樹(shù)的邏輯結(jié)構(gòu))發(fā)生的內(nèi)容。
示例：em:before { content: url("ding.wav"); }