<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>伪类选择器</title> <style type="text/css"> p{height:30px;border:1px solid red; text-decoration:none;} p.suit :link{color:orange;} p.suit :visited{color:green;} p.suit :hover{color:green;font-size:20px;} p.suit :active{} p.wc :link{color:orange;} p.wc :visited{color:blue;} p.wc :hover{color:green;font-size:20px;} p.wc :active{} p.skin :link{color:orange;} p.skin :visited{color:purple;} p.skin :hover{color:green;font-size:20px;} p.skin :active{} /*补充代码*/ </style> </head> <body> <h2>商品列表</h2> <p class="suit"> <a href="#">衣服鞋帽</a> </p> <p class="wc"> <a href="#">厕所清洁</a> </p> <p class="skin"> <a href="#">化妆用品</a> </p> </body></html>
1 回答
已采纳
聪明的汤姆
TA贡献112条经验 获得超33个赞
你必须设置在a元素，因为a元素默认不继承父元素的text-decoration
// 继承
p {
text-decoration: none;
}
p a {
text-decoration: inherit;
}
// 或者p元素不设置，直接设置a元素
p a {
text-decoration: none;
}望采纳！
- 1 回答
- 0 关注
- 768 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消