關(guān)于子選擇器
如果說對于嵌套的標簽,不管是<span>還是<li>,子選擇器只對第一代起作用,那為什么例子中嵌套在<span>內(nèi)的第二個<span>被添加了修飾?而<li>嵌套內(nèi)部的<li>沒有被修飾?
請問慕課,子選擇器這個知識點不應(yīng)該詳細講解嗎?就這么三兩句話就結(jié)束了,看的云里霧里的!
如果說對于嵌套的標簽,不管是<span>還是<li>,子選擇器只對第一代起作用,那為什么例子中嵌套在<span>內(nèi)的第二個<span>被添加了修飾?而<li>嵌套內(nèi)部的<li>沒有被修飾?
請問慕課,子選擇器這個知識點不應(yīng)該詳細講解嗎?就這么三兩句話就結(jié)束了,看的云里霧里的!
2018-07-11
舉報
2018-07-12
個人認為只要是指定下的元素,都會作用
2018-07-11
問題:
1、如果說子選擇器只作用于第一代,那嵌套的<span>里的2和3為什么被修飾為紅色?難道它們都是第一代?
2、為什么使用set_3后,只有兩個外面的紅色框,里面的卻又沒有框?而使用set_2時ABCD都被修飾成了綠色。
3、到底怎么區(qū)分子代元素和孫代元素?難道不是嵌套的最外層元素是子代,里一層是孫代,以此類推嗎?
2018-07-11
能說明白一點嗎?做個假設(shè),如果把大的div比作爺爺,第一代也就是兒子,嵌套在兒子里面的就是孫子,子選擇器作用于兒子,后代選擇器作用于兒子與孫子相同的元素標簽,至于你說的嵌套在span標簽里面的span標簽發(fā)生改變可能是'繼承'的問題(一般不會發(fā)生,繼承的權(quán)重為0);
2018-07-11
<span>里的那句話是一個整體 就像<li>里面包含了<ul>里面還有<li> 但它只是框了外面那一整個<li> 里面<li>的沒有再框出來 同樣的<span>里的<span>也沒有在里面框出來
2018-07-11
子選擇器是為了給子元素添加樣式,而避免給孫子,曾孫子。。。添加樣式
ul li { color:red; border:1px solid blue}? ? // li里的文字會是紅色,span里的文字也是紅色的,你其實設(shè)置給li的,本來應(yīng)該li是紅色,span不變對吧?但是字體顏色會有一個繼承的作用,像邊框這類就不會被繼承,所以span沒有邊框
<ul>
????<li>子元素<span>孫元素</span></li>
2018-07-11
第二個<span>沒有被修飾啊 ? 只是第二個<span>被包含在第一個之內(nèi) 如果第二個被修飾的話應(yīng)該是在”膽小如鼠“再加一個邊框