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

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

子選擇器與后代選擇器的應用

56a9bc0e0001894304170130.jpg

這里的.first>span是子選擇器,那就是只針對class="span"下面的第一個后代span,為什么它的第二個span也應用了這個樣式,如下圖??梢愿嬖V我嗎?


56a9bc120001522303720267.jpg


正在回答

4 回答

是作用在第一“代”后代而不是第一“個”后代,不過我試了一下改變顏色的話不容易看出區別,正如圖片下面的加邊框的,如果是用“》”選擇,就只在水果和蔬菜外面加邊框,如果使用空格來選擇,就會出現如你圖片下面的,水果,蔬菜包括里面的香蕉,蘋果,梨,白菜,油菜,卷心菜都加上了邊框

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

Terry_zy

第二行的“》”應該改成“>”,忘記切換輸入法了
2016-01-28 回復 有任何疑惑可以回復我~

元素后代也有后代,>作用只會作用于該元素的后代,既第一后代;空格不僅會作用于第一后代,也會作用于后代的后代

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

<p><span></span><span></span></p>這樣就是會應用的情況。<p><span><span></span></span></p>這樣第2個span就不會應用這個樣式了

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

Carrie_aa 提問者

好的!謝謝!
2016-01-28 回復 有任何疑惑可以回復我~

>作用于元素的第一代后代,空格作用于元素的所有后代。


第一代后代,相當于一個人的兒子們都繼承,孫子們及后代都不繼承。

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

舉報

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

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

進入課程

子選擇器與后代選擇器的應用

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

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

幫助反饋 APP下載

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

公眾號

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