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