老师 为什么显示不出来且下划线去不掉呢
来源：4-2 编程练习
慕仰9373840
2019-03-14 21:37:20
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>display属性</title>
<style type="text/css">
ul {width:200px;}
/*补充样式*/
h2{text-decoration:none;}
a:hover li{display:inline;}
li{display:none;}
</style>
</head>
<body>
<ul>
<h2 class="p1"><a href="#">家电</a></h2>
<li>冰箱</li>
<li>空调</li>
<li>洗衣机</li>
</ul>
</body>
</html>
写回答
1回答
-
好帮手慕糖
2019-03-15
同学你好，1、因为下划线是a标签的默认样式，因此我们需要给a标签设置去除下划线的样式，例：
2、 a:hover li选择器表示鼠标移入到a元素时 ,选择它的子元素li并设置其样式 . 从代码结构上看 , li和a是 ,并不是父子关系 ，而ul和li才是父子关系 ,所以建议使用ul，例：
希望能帮助到你，欢迎采纳。
祝学习愉快！
0
相似问题