在學習css3的過程中摧阅,我們會遇到偽對象這個名詞暂题,顧名思義偽對象不是真正的對象,但它和對象所表示的意思又十分相似篙挽。
經(jīng)常會遇到的偽對象選擇器主要有以下幾個:
1 .:before選擇器在被選元素的內(nèi)容前面插入內(nèi)容。
2. :after選擇器在被選元素的內(nèi)容后面插入內(nèi)容舍咖。
下面我們是想在下面的div的前面和后面分別追加內(nèi)容矩父。
a
此時css代碼為:
.content:before {
content: 'a';
color: #f40;
}
.content:after {
content: 'c';
color: #f40;
}
運行結(jié)果為
在使用偽對象選擇器的時候,我們要注意一點before和after必須和content結(jié)合使用排霉,即使沒有內(nèi)容插入也要寫content=' '窍株。
偽對象選擇器在樣式的編寫中使用很多,這一點大家要知道的攻柠。