慕先生6741377
2017-07-06 00:44:58
圖中紅色筆劃著的地方應(yīng)該怎么解讀?為什么我原來用?????? li.ect:hover li.hide{display:block;}??代替紅色筆的地方時功能不能正確運行?完整代碼如下:<!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>洗衣機</li>
????????<li>空調(diào)</li>
????</ul></div>
</body>
</html>
3 回答
已采納

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

添加回答
舉報
0/150
提交
取消