亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

關于子選擇器應用的問題

一個關于子選擇器的問題
p span{color:purple;}
<p class="first">一二<span>三</span>四五六七八</p>
此時應該是3顯示紫色
<p class="first">一二<span>三</span>四五<span>六</span>七八</p>
此時三、六均為紫色
>是子選擇器、不是說標簽下的第一個子元素變化嗎?那為什么把p span{color:purple;}改為.first>span{color:purple;}后,六還是變成了紫色?

正在回答

5 回答

<p class="first">一二<span>三</span>四五<span>六</span>七八</p>

這一行的兩個<span>標簽屬于并列子一代,都是第一代子元素,所以六還是紫色的。

而<p class="first">一二<span>三<span>四五</span>六</span>七八</p> 這一行才只有一個子一代元素。

總之:要理解為一代子元素,而不是第一個子元素,明白嗎?

0 回復 有任何疑惑可以回復我~
#1

SmileDL 提問者

曉得了,是我理解錯了,非常感謝
2016-03-17 回復 有任何疑惑可以回復我~

這貌似是C語言的寫法吧,和HTML沒什么關系

ywwagnbvbeayduqeffnigigdwgqduhgveruuwdfhcoxhmzwqgfobrwsyujudxob

0 回復 有任何疑惑可以回復我~

這兩個的span的關系并不是后代的關系,你可以理解為他是這兩個span都是一個爸爸,并不是你理解的first是第一個span的爸爸,第二個span的爺爺,這兩個span他們的關系是并列關系

0 回復 有任何疑惑可以回復我~
#1

SmileDL 提問者

明白了,謝謝哈~
2016-03-17 回復 有任何疑惑可以回復我~

同學可能你把第一個的意思理解錯了。第一個在這里的意思是第一層,也就是說第一個指的是這個標簽內部第一層次的所有標簽,而不是順序上的第一個。煮個栗子:父親p下面有兩個兒子span,這兩個兒子就是同一個層次的。而像樓上這樣寫的話,就是一個兒子span和一個孫子span啦~

1 回復 有任何疑惑可以回復我~
#1

SmileDL 提問者

OK,謝謝前輩~
2016-03-17 回復 有任何疑惑可以回復我~

.first>span是直接子元素吧,如果是下面這樣應該就不行了,六就不是直接子元素了

<p class="first">一二<span>三<span>六</span></span>四五七八</p>

0 回復 有任何疑惑可以回復我~
#1

SmileDL 提問者

OK了,謝謝謝謝哈!
2016-03-17 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
初識HTML(5)+CSS(3)-升級版
  • 參與學習       1229336    人
  • 解答問題       19084    個

HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義

進入課程

關于子選擇器應用的問題

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號