Question

有没有办法使用用户代理样式，无论如何？

例如，我想要特定部分的锚元素的正常颜色行为。

CSS：

  .reset a {
    color: initial;
  }

  .reset a:visited {
      color: initial;
  }

  .reset a:link {
      color: initial;
  }

  .reset a:active {
      color: initial;
  }

  .reset a:visited {
      color: initial;
  }

  .reset a:hover {
      color: initial;
  }

不起作用;

http://codepen.io/asim-coder/pen/rjNWxZ

Answer 1

不是真的。您不能保证不存在具有更具体选择器且具有!important的覆盖规则。

您还需要明确指定值。 initial与UA样式表中的值不同。

您可以使用JS循环遍历所有元素并在其上设置内联样式，但同样，其他一些代码可能会干扰您的JS。

（注意：你的语法是SCSS而不是CSS）。

Answer 2

尝试这种方式：

.section a, .section a:visited, .section a:link, .section a:active, .section  a:visited, .section a:hover {
   color: initial;
  }

Answer 3

使用此代码。

<强> HTML

<section>
<a href="#">sample one</a>
  <div class="reset">
    <a href="#">two</a>
    <a href="#">three</a>
    <a href="#">four</a>
  </div>
</section>

<强> CSS

.section a, .section a:visited, .section a:link, .section a:active, .section  a:visited, .section a:hover {
   color: initial;
  }

使用用户代理样式

3 个答案: