css 不适用于没有 href 属性的标签答案

【问题标题】：css doesn't apply on a tags without href attibutecss 不适用于没有 href 属性的标签
【发布时间】：2018-12-01 06:05:08
【问题描述】：

我使用 SASS，并使用以下代码为标签设置样式：

a {
color: $col-accent;

&:hover {
    color: $col-alt;
    background-color: $col-accent;
    text-decoration: none;
}}

我在一个没有href 属性的页面中有几个<a> 标记，它们的样式不是这样。我就是不知道为什么。

我正在使用引导程序，我在它的重新启动部分看到了一条规则，它继承了没有 href 的标签的颜色。但是我添加了自己的代码，和上面一样，只是我将它应用到a:not([href])，并且它没有覆盖我在自定义css之前导入的引导程序。

【问题讨论】：

您可以使用!important 覆盖引导程序样式。最好不要使用它，但在某些情况下你根本无法避免。
保持标签上的css行为，保持href属性，它可以为空。没有 href 属性，它与任何内联标记类似，并且不会对焦点或活动做出反应......另一方面，要覆盖 rue，接下来的选择器（您的情况）必须至少具有相等的权重/特异性上一篇：如何计算实际的特异性值以确定哪个选择器优先。css-tricks.com/specifics-on-css-specificity。
为什么没有 href 属性？

【解决方案1】：

a:not([href]) {
    /* Styles for anchors without href */
}

【讨论】：