首頁猿問為什么這課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 回答

習(xí)慣受傷

TA貢獻(xiàn)885條經(jīng)驗獲得超1144個贊

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

1 反對回復(fù) 2017-03-02

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

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

回復(fù) 2017-03-02