課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
如果把第10行改為color:red;.第9行還是.food>li 下面的ul表格字體全是紅色的。不應該是只有第一類"水果"和"蔬菜"才變紅,怎么都變紅了?
2016-03-02
源自:初識HTML(5)+CSS(3)-升級版 8-7
正在回答
CSS的某些樣式是具有繼承性的,那么什么是繼承呢?繼承是一種規則,它允許樣式不僅應用于某個特定html標簽元素,而且應用于其后代。比如下面代碼:如某種顏色應用于p標簽,這個顏色設置不僅應用p標簽,還應用于p標簽中的所有子元素文本,這里子元素為span標簽。 ? 見9-1繼承
雙補丸 提問者
Jenny_01 回復 雙補丸 提問者
5樓正解,因為你沒設置里面<li>標簽的顏色所以就繼承父代的了,想改顏色你可以設置下。
.food>li>ul>li{
? ?color:blue;/*添加邊框樣式(粗細為1px, 顏色為紅色的實線)*/ ? ?
}
5樓正解,繼承的問題,原本的border:1px solid red;不具備繼承性,而color會被繼承,應用于所有的子元素文本
水果 蘋果 香蕉 是同一個級別的
因為food下面一級就是水果和蔬菜這兩大塊,color:red; 改的是字體顏色,肯定是改水果和蔬菜這兩個塊里面所有文字的顏色
food>li選擇它的直接子元素,后面幾個都是它的子元素
后代選擇器是作用于所有子后代元素,后面的都是自后代元素
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
4 回答如何只改變某個字的顏色?
1 回答字體顏色怎么改來著???
1 回答html字體顏色
2 回答字體顏色Css
2 回答關于字體顏色
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-03-02
CSS的某些樣式是具有繼承性的,那么什么是繼承呢?繼承是一種規則,它允許樣式不僅應用于某個特定html標簽元素,而且應用于其后代。比如下面代碼:如某種顏色應用于p標簽,這個顏色設置不僅應用p標簽,還應用于p標簽中的所有子元素文本,這里子元素為span標簽。 ? 見9-1繼承
2016-03-02
5樓正解,因為你沒設置里面<li>標簽的顏色所以就繼承父代的了,想改顏色你可以設置下。
.food>li>ul>li{
? ?color:blue;/*添加邊框樣式(粗細為1px, 顏色為紅色的實線)*/ ? ?
}
2016-03-02
5樓正解,繼承的問題,原本的border:1px solid red;不具備繼承性,而color會被繼承,應用于所有的子元素文本
2016-03-02
水果 蘋果 香蕉 是同一個級別的
2016-03-02
因為food下面一級就是水果和蔬菜這兩大塊,color:red; 改的是字體顏色,肯定是改水果和蔬菜這兩個塊里面所有文字的顏色
2016-03-02
food>li選擇它的直接子元素,后面幾個都是它的子元素
2016-03-02
后代選擇器是作用于所有子后代元素,后面的都是自后代元素