css - 无论如何到 "reset"样式？

Question

一个现有的样式表有一大堆为 A 元素定义的样式，散布在各处。我发现很难跟踪和追踪所有内容。

然后我有:

<ul class="nav navbar-nav navbar-right">
     <li>xxxxx</li>
     <li><a href='...'>yyyyy</a></li>
</ul>

我不希望上面的 A 元素继承样式表中的内容。我也不想删除 UL 元素的类，因为还有其他副作用。我知道我可以通过专门设置内联样式来覆盖 A 样式，但这需要覆盖很多。有没有办法让 A 元素放弃为 A 定义的内容，并让每个样式都默认？

Answer 1

恐怕你不能...

您是否考虑过 javaScript？您可以创建一个像这样工作的片段:

function resetCss(element) {
  element.style.color = '#000000';
  element.style.textDecoration = 'none';
  // ...
}

function reset() {
  var elements = document.getElementsByTagName('*');
  for (element in elements) {
    if (element.className == 'reset') {
      resetCss(element); // This function is called on every tag with the reset class.
    }
  }
}

调用reset()当 DOM 准备好并给类 reset到所有要重置的元素。示例:<a href="#" class="reset">Link</a> .