課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
繼承這個沒弄清楚,有沒有哪個愿意給說說
2016-07-12
源自:初識HTML(5)+CSS(3)-升級版 9-3
正在回答
<!DOCTYPE?HTML> <html> <head> <charset=gt2310"> <style?type="text/css"> ???h2{??text-align:center;???} ?.food>li{border:1px?solid?red;}?/*這是用了">"符號,沒有繼承子選擇*/ ?.foods?li{border:1px?solid?red;}?/*這是用了"?"符號,繼承了子選擇*/ </style> </head> <body> ???????<h1>食物</h1> <ul?class="food"> ????<li>水果 ????????<ul> ????????????<li>香蕉</li> ????????????<li>蘋果</li> ????????????<li>梨</li> ????????</ul> ????</li> ????<li>蔬菜 ???? <ul> ???????? <li>白菜</li> ????????????<li>油菜</li> ????????????<li>卷心菜</li> ????????</ul> ????</li> </ul> ??????<h1>食物</h1> <ul?class="foods"> ????<li>水果 ????????<ul> ????????????<li>香蕉</li> ????????????<li>蘋果</li> ????????????<li>梨</li> ????????</ul> ????</li> ????<li>蔬菜 ???? <ul> ???????? <li>白菜</li> ????????????<li>油菜</li> ????????????<li>卷心菜</li> ????????</ul> ????</li> </ul> </body> </body>
從圖片比較,就應該容易了解了。。。我打了好久,新手果然要花好多時間啊。你不懂的還可以追問我。我盡力解答吧。
<p>父標簽<span>子標簽</span></p>子標簽里的樣式就算不設置,也會和父標簽一樣,這就是繼承來的。
包含元素設置的CSS樣式,往往會被被包含的元素繼承。
比如:
<div?style="color:green;"> ????<p>this?is?a?paragragh.</p> </div>
DIV元素中的字體顏色為green,P元素中默認的字體顏色為black,但由于DIV元素包含P元素,因此P元素就繼承了DIV元素中設置的字體顏色,為green.
<p>我們屬于一段<span>span中的內容也屬于P中內容</span>span中文字也會繼承p中屬性</p>
就是時候子標簽里的內容樣式會繼承父標簽的
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
4 回答CSS繼承
5 回答css繼承
2 回答css繼承
2 回答css的繼承性
3 回答css的繼承性
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-07-15
從圖片比較,就應該容易了解了。。。我打了好久,新手果然要花好多時間啊。你不懂的還可以追問我。我盡力解答吧。
2016-07-12
<p>父標簽<span>子標簽</span></p>子標簽里的樣式就算不設置,也會和父標簽一樣,這就是繼承來的。
2016-07-12
包含元素設置的CSS樣式,往往會被被包含的元素繼承。
比如:
DIV元素中的字體顏色為green,P元素中默認的字體顏色為black,但由于DIV元素包含P元素,因此P元素就繼承了DIV元素中設置的字體顏色,為green.
2016-07-12
<p>我們屬于一段<span>span中的內容也屬于P中內容</span>span中文字也會繼承p中屬性</p>
2016-07-12
就是時候子標簽里的內容樣式會繼承父標簽的