CSS偽對象：修訂間差異

目錄

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

after

語法：Selector : after { sRules }
說明：用來和 content 屬性一起使用，設置在對象后(依據對象樹的邏輯結構)發(fā)生的內容。
示例：table:after { content: END OF TABLE }

first-letter

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

first-line

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

before

語法：Selector : before { sRules }
說明：用來和 content 屬性一起使用，設置在對象前(依據對象樹的邏輯結構)發(fā)生的內容。
示例：em:before { content: url("ding.wav"); }