課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
既然后代選擇器能實現(xiàn)子選擇器的功能,為什么還需要子選擇器那
2016-10-22
源自:初識HTML(5)+CSS(3)-升級版 8-7
正在回答
<p>當我<span>還是一個<span>懵懂</span>的女孩</span>,膽小如鼠,不敢舉手.</p>
如上,子選擇器p>span表示選中"還是一個懵懂的女孩"
而后代選擇器p span表示的是選中前者的同時,也選中了"懵懂"
如果你在選擇器后面加上的是顏色字號等聲明,從表現(xiàn)形式來看沒區(qū)別
但是如果是邊框樣式聲明(border:1px solid red;) 那就有明顯的不同了
可能是因為教程里右邊的代碼提交后表現(xiàn)形式一樣,所以你覺得沒有區(qū)別吧.
jfj 提問者
后代選擇器的寫法就是把外層的標記寫在前面,內層的標記寫在后面,之間用空格分隔。當標記發(fā)生嵌套時,內層的標記就成為外層標記的后代。子選擇器只對直接后代有影響的選擇器,而對“孫子后代”以及多層后代不產(chǎn)生作用。 主要去別是后代選擇器使用可以是各種選擇器(標記選擇器、類別選擇器、ID選擇器)都可以進行嵌套。而子選擇器只作用在子類。 要注意瀏覽器兼容性:在IE6中,只支持后代選擇器,不支持子選擇器,而在IE7和FF中既支持后代選擇器,又支持子選擇器。
后代選擇器實現(xiàn)的是滿足標簽里的所有文本的轉變而子選擇器擇可以選擇性的讓部分文本進行轉變。
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
3 回答子選擇器與后代選擇器
5 回答子選擇器與后代選擇器
4 回答子選擇器與后代選擇器的應用
7 回答類選擇器與子選擇器
5 回答子選擇器和后代選擇器
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關注慕課網(wǎng)微信公眾號
2016-10-22
<p>當我<span>還是一個<span>懵懂</span>的女孩</span>,膽小如鼠,不敢舉手.</p>
如上,子選擇器p>span表示選中"還是一個懵懂的女孩"
而后代選擇器p span表示的是選中前者的同時,也選中了"懵懂"
如果你在選擇器后面加上的是顏色字號等聲明,從表現(xiàn)形式來看沒區(qū)別
但是如果是邊框樣式聲明(border:1px solid red;) 那就有明顯的不同了
可能是因為教程里右邊的代碼提交后表現(xiàn)形式一樣,所以你覺得沒有區(qū)別吧.
2016-10-22
后代選擇器的寫法就是把外層的標記寫在前面,內層的標記寫在后面,之間用空格分隔。當標記發(fā)生嵌套時,內層的標記就成為外層標記的后代。子選擇器只對直接后代有影響的選擇器,而對“孫子后代”以及多層后代不產(chǎn)生作用。 主要去別是后代選擇器使用可以是各種選擇器(標記選擇器、類別選擇器、ID選擇器)都可以進行嵌套。而子選擇器只作用在子類。 要注意瀏覽器兼容性:在IE6中,只支持后代選擇器,不支持子選擇器,而在IE7和FF中既支持后代選擇器,又支持子選擇器。
2016-10-22
后代選擇器實現(xiàn)的是滿足標簽里的所有文本的轉變而子選擇器擇可以選擇性的讓部分文本進行轉變。