已解決430363個問題，去搜搜看，總會有你想問的

為什么這課ul li前面這個container刪掉代碼就失效了

首頁猿問為什么這課ul...

為什么這課ul li前面這個container刪掉代碼就失效了

Html/CSS

sherlockone 2017-03-01 23:01:40

<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>不定寬塊狀元素水平居中</title><style>.container{text-align:center;}.container ul{list-style:none;margin:0;padding:0;display:inline;}.container li{margin-right:8px;display:inline;}</style></head><body><div class="container">? ? <ul>? ? <li><a href="#">1</a></li>? ? ? ? <li><a href="#">2</a></li>? ? ? ? <li><a href="#">3</a></li>? ? </ul></div></body></html>求解

查看完整描述

2 回答

習慣受傷

TA貢獻885條經驗獲得超1144個贊

你定義樣式的時候是這樣：.container ul的，意思就是給具有.container這個類的元素下的ul定義樣式。那么你把HTML中的container去掉的話，那么這個元素下邊的ul和li當然就沒有對應的樣式了呀。

1 反對回復 2017-03-02

sherlockone
就是div 用了CSS這個代碼它的子元素孫元素也必須要帶上主元素的全稱才行？這么意思嗎這其中有什么規則嗎？

回復 2017-03-02
習慣受傷
有規則，.container ul 這么定義的時候就表示適用于.container類下的ul。但是直接定義ul{}的時候，表示所有ul都使用這個樣式。再如：.container .banner .ul .li a{border:1px dashed red;}，前邊【.container .banner .ul .li 】都是條件限定，有層級關系。適用樣式的元素是【.container .banner .ul .li】下邊的a元素。明白了沒？

回復 2017-03-02