珠峰培训javascript技术与前端技术论坛

 找回密码
 立即注册
查看: 3108|回复: 0

css选择器有哪些,选择器的权重的优先级

[复制链接]

60

主题

90

帖子

704

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
704
发表于 2019-1-19 12:28:25 | 显示全部楼层 |阅读模式
在写css的时候,选择器是大家非常关注的问题,应该选哪种选择器比较合适,选择器的权重优先级又是怎样的?

今天就来看一下前端面试题中,关于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. 继承的样式没有权值。



回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|珠峰培训--JavaScript培训

GMT+8, 2021-6-21 12:05 , Processed in 0.225170 second(s), 21 queries .

Powered by Discuz! X3.1

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表