課程
/前端開發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
代碼“.first,#second span{color:green}”與下面輸出時(shí)效果不一樣
first span{color:green}
#second span{color:green}
2016-09-15
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 8-10
正在回答
這樣寫就一樣了:
.first?span,?#second?span{ ????color:green; }
代碼“.first,#second span{color:green}”
表示綠色設(shè)置作用于類選擇器下所有內(nèi)容(含所有標(biāo)簽包裹內(nèi)容),還有id選擇器(#second)下所有的span標(biāo)簽包裹的內(nèi)容。把它分解成兩行代碼就是:(1).first{color:green}(2)#second span{color:green}
而你寫的
(1).first span{color:green}
(2)#second span{color:green}
第一行代碼(你應(yīng)該忘記寫 " . " 符號(hào),我已加上)的意思是綠色設(shè)置作用于類選擇器(.first)下所有span標(biāo)簽
第二行代碼作用同上只是類選擇器變?yōu)榱薸d選擇器
注意:>作用于元素的第一代后代,空格作用于元素的所有后代。一個(gè)是父子選擇器;一個(gè)是包含(后代)選擇器
第二行代碼中去掉span ,在first前面加上英文輸入法狀態(tài)下的 .? 符號(hào)。其實(shí)像第一行一樣分組就可以了,沒必要分開。?
第一個(gè)是因?yàn)閏lass樣式選擇器是把第一段變?yōu)榫G色,加一個(gè)#second span的意思是與此同時(shí)把第二段中被span標(biāo)簽修飾的文字顏色也改為綠色,而第二個(gè)則是第一段 第二段中被span標(biāo)簽 修飾的文字顏色改為綠色,意思不一樣結(jié)果自然不同
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
1 回答分組選擇符
2 回答分組選擇符
4 回答分組選擇符
3 回答分組選擇符
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-09-15
這樣寫就一樣了:
2016-09-15
代碼“.first,#second span{color:green}”
表示綠色設(shè)置作用于類選擇器下所有內(nèi)容(含所有標(biāo)簽包裹內(nèi)容),還有id選擇器(#second)下所有的span標(biāo)簽包裹的內(nèi)容。把它分解成兩行代碼就是:(1).first{color:green}(2)#second span{color:green}
而你寫的
(1).first span{color:green}
(2)#second span{color:green}
第一行代碼(你應(yīng)該忘記寫 " . " 符號(hào),我已加上)的意思是綠色設(shè)置作用于類選擇器(.first)下所有span標(biāo)簽
第二行代碼作用同上只是類選擇器變?yōu)榱薸d選擇器
注意:>作用于元素的第一代后代,空格作用于元素的所有后代。一個(gè)是父子選擇器;一個(gè)是包含(后代)選擇器
2016-09-15
第二行代碼中去掉span ,在first前面加上英文輸入法狀態(tài)下的 .? 符號(hào)。其實(shí)像第一行一樣分組就可以了,沒必要分開。?
2016-09-15
第一個(gè)是因?yàn)閏lass樣式選擇器是把第一段變?yōu)榫G色,加一個(gè)#second span的意思是與此同時(shí)把第二段中被span標(biāo)簽修飾的文字顏色也改為綠色,而第二個(gè)則是第一段 第二段中被span標(biāo)簽 修飾的文字顏色改為綠色,意思不一樣結(jié)果自然不同