给font真棒i标签显示none不起作用，但是.fas类起作用

Question

当我给<i class="fas fa-times"></i>标签显示none时，它不工作

header nav i {
display: none; /*if I add !important it works too*/
}

不过，它对.fas类很有效。

header nav .fas {
display: none;

}

为什么他们的行为不同？

Answer 1

CSS有一个特殊性的概念。浏览器使用特定性来决定哪些CSS属性值与元素最相关，因此将被应用。

以下是MDN教程：https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity在这里，你可以粘贴一个CSS选择器来了解它的特殊性：https://polypane.app/css-specificity-calculator/