CSS选择器（二）复杂选择器

作者: 图恩分类: 编程开发阅读: 577发布时间： 2020-05-16 21:08:59

image.png 选择器的优先级 CSS标准用一个三元组 (a, b, c) 来构成一个复杂选择器的优先级。 id选择器的数目记为a；伪类选择器和class选择器的数目记为b；伪元素选择器和标签选择器数目记为c； “*” 不影响优先级。 specificity = base * base * a + base * b + c base是一个“足够大”的正整数 !import：相当于一个新的优先级，而且此优先级会高于行内属性样式出现先后顺序：示例：

text

div为green 建议根据 id 选单个元素 class和class的组合选成组元素 tag选择器(标签选择器)确定页面风格伪元素 ::first-line(排版后的第一行) CSS标准规定了first-line必须出现在最内层的块级元素之内 ::first-letter(第一个字母) 它的位置在所有标签之内 ::before - 在元素内容之前插入一个虚拟的元素 ::after 在元素内容之后插入 ::before 和 ::after 还支持content为counter

I'm real element

附 CSS标准只要求 ::first-line 和 ::first-letter 实现有限的几个CSS属性，都是文本相关，这些属性是下面这些。 image.png