首頁(yè) 猿問(wèn) 為什么這課ul...

為什么這課ul li前面這個(gè)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)驗(yàn) 獲得超1144個(gè)贊

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

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

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

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

回復(fù) 2017-03-02