Font Awesome图标上的CSS特异性

时间:2018-02-14 18:37:08

标签: css sass

我从图标中取出我的图标颜色 - 应用而不是.classname__icon - 应用。这不违反CSS特异性规则吗?我在这里错过了什么吗?

1 个答案:

答案 0 :(得分:1)

你对BEM的特殊性感到困惑。

不要像一套规则那样考虑特异性,它更像是一种机制。决定哪条规则比其他规则更重要的机制。

  

有很多选择器但是出于我们的目的,我们可以打破   它分为三种类型,越来越重要:

     
      
  1. 元素选择器(和伪元素选择器)例如。 p {color:red;}
  2.   
  3. 类选择器(和属性选择器)例如。 .myclass {color:red;}
  4.   
  5. ID选择器。例如。 #myid {color:red;}
  6.   

https://snook.ca/archives/html_and_css/understanding_c

BEM是CSS类的命名约定。 您可以决定是否要使用它。这是可选的。

  

Block,Element,Modifier方法(通常称为BEM)   是HTML和CSS中类的流行命名约定。发达   由Yandex的团队,其目标是帮助开发人员更好   理解给定的HTML和CSS之间的关系   项目

https://css-tricks.com/bem-101/

另一个命名约定是Atomic CSS,您可以在其中使用许多小的,单一用途的类 - 例如.color-red。 您可以在此处详细了解:https://css-tricks.com/lets-define-exactly-atomic-css/