Question

我有class="button"

的href

我试图像这样设计：

.button a:link {text-decoration: none} 
.button a:visited {text-decoration: none} 
.button a:active {text-decoration: none} 
.button a:hover {text-decoration: none; background-color:yellow;color:blue}

为什么它不起作用？如何使用该类（class="button"）

为href设置stye

Answer 1

.button a是后代选择器。它匹配 <a>的后代的所有.button代码。

您需要撰写a.button:link以匹配同时为<a>和.button的代码。

Answer 2

.button a{}是

的规则

<something class="button">
   <a href="">foobar</a>
</something>

a.button{}是

的规则

<a href="" class="button">foobar</a>

Answer 3

请分享html标记。

是锚元素的class属性的button，还是具有类button的元素的子标记？

如果是前一种情况，请使用

a.button:link { }等

如果是晚些时候，你的代码是正确的

Answer 4

a.button:link {text-decoration: none} 
a.button:visited {text-decoration: none} 
a.button:active {text-decoration: none} 
a.button:hover {text-decoration: none; background-color:yellow;color:blue}

Answer 5

因为你说过：

“a元素，其中伪类:blah是任何元素的后代”

你想：

a.button:link { /* etc */

CSS一个href样式

5 个答案: