如何阻止CSS规则应用于特定元素

Question

我有一个像这样的CSS规则:

a {
  line-height: 50px;
  display: inline-block;
  text-decoration: none;
  font-size: 16px;
  color: white;
}

这个HTML:

<a href="/test">test</a>

如何停止仅适用于此元素的CSS规则？

Answer 1

如果选择器与元素匹配,则它与元素匹配.

你有三个选择:

• 更改选择器使其不匹配
• 更改元素以使其不匹配
• 编写另一个CSS规则集,该规则集位于级联的更下方,并使用新值覆盖第一个规则集中您不喜欢的每个属性.