<!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{}???????? /*補(bǔ)充代碼*/???? </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貢獻(xiàn)112條經(jīng)驗(yàn) 獲得超33個(gè)贊
你必須設(shè)置在a元素，因?yàn)閍元素默認(rèn)不繼承父元素的text-decoration
//?繼承
p?{
??text-decoration:?none;
}
p?a?{
??text-decoration:?inherit;
}
//?或者p元素不設(shè)置，直接設(shè)置a元素
p?a?{
??text-decoration:?none;
}望采納！
添加回答
舉報(bào)
0/150
提交
取消