问题》。。。
来源：1-1 CSS3选择器课程介绍
酷酷的Nian
2018-12-02 10:11:24
怎样才能让鼠标只经过P标签时才会显示出a下面的下划线，为什么这样设置无效
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{text-decoration:none;}
p{
cursor:pointer;
font-size:20px;
color:red;
}
p:hover a{
text-decoration:underline;
}
</style>
</head>
<body>
<div>
<a href="#">我是链接</a>
<p>点我啊</p>
</div>
</body>
</html>
写回答
1回答
-
樱桃小胖子
2018-12-02
a和p是兄弟元素，使用p:hover a这种后代选择器是获取不到的，需要使用兄弟选择器才可以，并且需要将a标签放在p标签的后面，~是兄弟选择器，选择的是目标元素后面的兄弟元素
希望可以帮到你！
0
相似问题