<!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 關注
- 821 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消