慕先生6741377
2017-07-06 00:44:58
圖中紅色筆劃著的地方應(yīng)該怎么解讀?為什么我原來(lái)用?????? li.ect:hover li.hide{display:block;}??代替紅色筆的地方時(shí)功能不能正確運(yùn)行?完整代碼如下:<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>列表</title>
<style>
????????ul{list-style:?url(
http://climg.mukewang.com/58dc9e4e0001ba9000160016.png
);}
????????*{margin:0px;}
????????div{border:1px?solid?;width:100px;margin:50px;}
????????li.hide{display:none;}
????????li.ect:hover?li.hide{display:block;}
</style>
</head>
<body>
????
????<div><ul>
????????<li>電器</li>
????????<li>電視</li>
????????<li>冰箱</li>
????????<li>洗衣機(jī)</li>
????????<li>空調(diào)</li>
????</ul></div>
</body>
</html>
3 回答
已采納

披黑風(fēng)的貓
TA貢獻(xiàn)53條經(jīng)驗(yàn) 獲得超40個(gè)贊
偽類理解起來(lái)很容易,
偽類只能從上到下,
:hover意思是當(dāng)鼠標(biāo)移動(dòng)上去的時(shí)候
ul:hover li.hide{display:block;}的意思就可以理解為當(dāng)鼠標(biāo)移動(dòng)到ul上去的時(shí)候,li下面具有hide屬性的元素display:block;
為什么使用?li.ect:hover li.hide{display:block;}不可以實(shí)現(xiàn)li下面具有hide屬于的元素消失?因?yàn)槟愕倪x擇器使用錯(cuò)了,li下面沒(méi)有子元素為li的子元素.正確的選擇方法應(yīng)當(dāng)是使用相鄰兄弟選擇器,代碼為:
ul:hover + li.hide{display:block;}
忘采納.

添加回答
舉報(bào)
0/150
提交
取消