CSS一个href样式

Question

我有一个href class="button"

我想尝试这样的风格:

.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}

为什么它不起作用？如何使用该类设置一个href的stye(class="button")

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>