子選擇器與后代選擇器的應(yīng)用
這里的.first>span是子選擇器，那就是只針對class="span"下面的第一個(gè)后代span，為什么它的第二個(gè)span也應(yīng)用了這個(gè)樣式，如下圖。可以告訴我嗎？
Carrie_aa
2016-01-28
4 回答
舉報(bào)
0/150
提交
取消
2016-01-28
是作用在第一“代”后代而不是第一“個(gè)”后代，不過我試了一下改變顏色的話不容易看出區(qū)別，正如圖片下面的加邊框的，如果是用“》”選擇，就只在水果和蔬菜外面加邊框，如果使用空格來選擇，就會出現(xiàn)如你圖片下面的，水果，蔬菜包括里面的香蕉，蘋果，梨，白菜，油菜，卷心菜都加上了邊框
2016-01-28
元素后代也有后代，>作用只會作用于該元素的后代，既第一后代；空格不僅會作用于第一后代，也會作用于后代的后代
2016-01-28
<p><span></span><span></span></p>這樣就是會應(yīng)用的情況。<p><span><span></span></span></p>這樣第2個(gè)span就不會應(yīng)用這個(gè)樣式了
2016-01-28
>作用于元素的第一代后代，空格作用于元素的所有后代。
第一代后代，相當(dāng)于一個(gè)人的兒子們都繼承，孫子們及后代都不繼承。