css子代選擇器 如何用css選擇器選擇某元素下的最后一個(gè)子元素?
如何用css選擇器選擇某元素下的最后一個(gè)子元素?CSS中沒有最后一個(gè)子元素的選擇器,但是有第一個(gè)子元素(:first child)。如果可以確認(rèn)span后面只有這個(gè)a標(biāo)記,那么可以使用相鄰的同級(jí)選擇器
如何用css選擇器選擇某元素下的最后一個(gè)子元素?
CSS中沒有最后一個(gè)子元素的選擇器,但是有第一個(gè)子元素(:first child)。如果可以確認(rèn)span后面只有這個(gè)a標(biāo)記,那么可以使用相鄰的同級(jí)選擇器(spana{…})。兼容性需要測試,你從來沒有這樣使用過。
有關(guān)詳細(xì)信息,請(qǐng)參閱w3school的CSS selector簡介http://www.w3school.com.cn/css/css選擇器u相鄰u同級(jí).asp
css選擇器中后代選擇器與子選擇器的區(qū)別?
CSS后代選擇器和子選擇器之間的區(qū)別:1 CSS后代選擇器語法:H1 em{顏色:紅色}這意味著從H1開始,它包含的所有EM元素都變?yōu)榧t色。H1是祖先,其他EM元素是后代。也就是說,選定的后代,無論是兒子還是孫子,都將被選為后代。2CSS子元素選擇器語法:H1>EM{顏色:紅色}這意味著從H1開始,第一層EM元素變成紅色。H1是祖先,EM是兒子。就像遺傳系統(tǒng)一樣,它只能傳給兒子,而不能傳給孫子和其他堂兄弟
CSS選擇器,優(yōu)先級(jí)和匹配原則
1。ID選擇器(#myid)2。類選擇器(。我的類名)3。標(biāo)簽選擇器(div,H1,P)4。相鄰選擇器(H1,P)5。副選擇器(UL< Li)6。后代選擇器(Li a)7。通配符選擇器(*)8。屬性選擇器(a[rel=“external”])9。偽類選擇器(A:hover,Li:nth child)ID選擇器的效率最高,而偽類選擇器的效率最低。CSS的權(quán)重是1。一般選擇器的權(quán)重為0,0,0,0
2。標(biāo)記的權(quán)重為0,0,0,1
3。類的權(quán)重是0,0,1,0
4。屬性選擇的權(quán)重為0,0,1,0
5。偽類選擇的權(quán)重為0,0,1,0
6。偽對(duì)象選擇的權(quán)重為0,0,0,1
7 ID的權(quán)重為0,1,0,0
8。important的權(quán)重是最高的1,0,0,0使用規(guī)則:將selector的權(quán)重加在一起,較大的優(yōu)先;如果權(quán)重相同,則后一個(gè)優(yōu)先。從上面我們可以得出兩個(gè)關(guān)鍵因素:1。權(quán)重與選擇器的類型和數(shù)目有關(guān)。樣式的優(yōu)先級(jí)與樣式定義的順序有關(guān)