企业面试题:css选择器有哪些,选择器的权重的优先级

2019-08-09 15:15:34 浏览数 (2)

考核内容: CSS在布局排版中的技巧

题发散度: ★★★

试题难度: ★★

解题思路:

选择器类型

1、ID  #id

2、class  .class

3、标签  p

4、通用  *

5、属性  [type="text"]

6、伪类  :hover

7、伪元素  ::first-line

8、子选择器、相邻选择器

权重计算规则

1. 第一等:代表内联样式,如: style=””,权值为1000。

2. 第二等:代表ID选择器,如:#content,权值为0100。

3. 第三等:代表类,伪类和属性选择器,如.content,权值为0010。

4. 第四等:代表类型选择器和伪元素选择器,如div p,权值为0001。

5. 通配符、子选择器、相邻选择器等的。如*、>、 ,权值为0000。

6. 继承的样式没有权值。

0 人点赞