CSS a 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 设置麦粒肿 (class="button")

Answer 1

.button a是一个后代选择器。它匹配所有 <a> 后代 .button 的标签.

你需要写a.button:link匹配同时为 <a> 的标签和 .button .