1、 css類選擇器相加,css模塊化多個(gè)class如何引用?
方法1:用css的屬性選擇器。 div[class^="aa"] { background-color:#d6d6d6; height: 50px; }1 2 3 方法2:用空格分隔多個(gè)class .aa { background-color:#d6d6d6; height: 50px; }1 2 3
2、 css3中偽類選擇器由什么組成?
w3c規(guī)范中偽類有:
active、hover、link、visited 【css1】
所有主流瀏覽器都支持以上偽類,但是只在對標(biāo)簽上的支持最好。
【css2】的有3個(gè)
focus : 如果規(guī)定了<!doctype>,將在主流瀏覽器&ie8+中支持(否則ie不支持)
first-child:必須聲明<!doctype>才能夠確保在ie中正常支持
lang:如果規(guī)定了<!doctype>,將在主流瀏覽器&ie8+中支持(否則ie不支持)
3、 CSS選擇器first?
.content[data-role=page]:nth-child(2){} 使用:first-child偽類時(shí)一定要保證前面沒有兄弟節(jié)點(diǎn),你前面有個(gè)content所以會(huì)失效
1
2
3
你把這里的span去掉和加上再看效果 就明白了