麻烦老师看下代码是否有需要修改的地方 和解答下问题 谢谢
来源：2-21 【避坑】a标签伪类避坑指南
dww1
2021-06-14 19:03:12
试了下在 div 和p 这两个标签 使用伪类 :hover
给p标签添加超级链接时，为什么点击后不生效 是什么问题
试了下 点击过后颜色会发生变化 ，但是字体上的样式和大小不会发生改变
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/* a:link{
color: aqua;
}
a:visited{
color: yellow;
}
a:hover{
background: paleturquoise;
}
a:active{
font-size: 20px;
} */
div:hover{
color: pink;
}
a:link{
color: sandybrown;
}
a:visited{
font-style: italic;
}
p:hover{
color:blue;
}
a:active{
font-size: 20px;
}
</style>
</head>
<body>
<p>
<a href="http://www.taobao.com">前往淘宝</a>
</p>
<p>
<a href="http://www.jd.com">前往京东</a>
</p>
<div>
我是段落
</div>
<a href="http://www.baidu.com"><p>点击</p></a>
</body>
</html>
1回答
-
好帮手慕星星
2021-06-15
同学你好，代码是可以的，不需要修改。
针对提问回复：
1、a标签有自己的样式，字体大小，颜色等，如果p是a父元素，给p设置颜色的时候，a并不会设置上，只有直接给a设置的样式才会显示。所以前两个移入的时候字体不会变为蓝色
2、如果a是p父元素，给a设置的样式，p可以继承，例如:active的时候字体变大，p的字体颜色也变为了蓝色
自己再测试下，祝学习愉快！
0
相似问题
回答 1
回答 1