關(guān)于子選擇器應(yīng)用的問題
一個關(guān)于子選擇器的問題
p span{color:purple;}
<p class="first">一二<span>三</span>四五六七八</p>
此時應(yīng)該是3顯示紫色
<p class="first">一二<span>三</span>四五<span>六</span>七八</p>
此時三、六均為紫色
>是子選擇器、不是說標(biāo)簽下的第一個子元素變化嗎?那為什么把p span{color:purple;}改為.first>span{color:purple;}后,六還是變成了紫色?
2016-03-16
<p class="first">一二<span>三</span>四五<span>六</span>七八</p>
這一行的兩個<span>標(biāo)簽屬于并列子一代,都是第一代子元素,所以六還是紫色的。
而<p class="first">一二<span>三<span>四五</span>六</span>七八</p> 這一行才只有一個子一代元素。
總之:要理解為一代子元素,而不是第一個子元素,明白嗎?
2022-03-29
這貌似是C語言的寫法吧,和HTML沒什么關(guān)系
ywwagnbvbeayduqeffnigigdwgqduhgveruuwdfhcoxhmzwqgfobrwsyujudxob
2016-03-16
這兩個的span的關(guān)系并不是后代的關(guān)系,你可以理解為他是這兩個span都是一個爸爸,并不是你理解的first是第一個span的爸爸,第二個span的爺爺,這兩個span他們的關(guān)系是并列關(guān)系
2016-03-16
同學(xué)可能你把第一個的意思理解錯了。第一個在這里的意思是第一層,也就是說第一個指的是這個標(biāo)簽內(nèi)部第一層次的所有標(biāo)簽,而不是順序上的第一個。煮個栗子:父親p下面有兩個兒子span,這兩個兒子就是同一個層次的。而像樓上這樣寫的話,就是一個兒子span和一個孫子span啦~
2016-03-16
.first>span是直接子元素吧,如果是下面這樣應(yīng)該就不行了,六就不是直接子元素了
<p class="first">一二<span>三<span>六</span></span>四五七八</p>