html - CSS 选择器特异性和文件加载顺序

Question

我有一个包含两个不同样式表的页面。 one.css 在 second.css 之前加载

在 one.css 中找到了这个选择器:

  a.utility__block--booking-link {
        color: #fff;
    }

在 second.css 中找到了这个选择器:

a, a:visited {
    background-color: transparent;
    color: inherit;
}

在页面加载 a 时，a:visited {} 选择器生效，即使 a.utility__block--booking-link 更具体。文件加载顺序实际上是否优先于选择器特异性？

Answer 1

正如我们所知，css 按照后到先得的顺序工作，即您最后编写的代码是优先的，在您的情况下，a.utility__block--booking-link 的 css 合二为一根据 css 样式表规则，.css 被来自 second.css 的 a, a:visited 的 css 覆盖，因此，如果您将 second.css 放在 one.css 之前，那么实际上反转这将发生。