CSS:CSS 选择器、常用CSS 选择器及优先级(五颗星)

1.css选择器

选择器

格式

优先级权重

id选择器

#id

100

类选择器

#classname

10

属性选择器

a[ref=“eee”]

10

伪类选择器

li:last-child

10

标签选择器

div

1

伪元素选择器

li:after

1

相邻兄弟选择器

h1+p

0

子选择器

ul>li

0

后代选择器

li a

0

通配符选择器

*

0

2.选择器的优先级:

  • 标签选择器、伪元素选择器:1
  • 类选择器、伪类选择器、属性选择器:10
  • id 选择器:100
  • 内联样式:1000

注意事项:

  • !important声明的样式的优先级最高;
  • 如果优

剩余60%内容,订阅专栏后可继续查看/也可单篇购买

前端面试题 文章被收录于专栏

前端面试的一些常问问题、问题的具体实现(可直接运行)以及底层原理

全部评论

相关推荐

2024-12-25 09:09
四川师范大学 运营
想和你交朋友的潜伏者要冲国企:先去沃尔玛亲身感受标准化流程体系,一两年后再跳槽国内任何零售行业,可以有更大选择权吧?
点赞 评论 收藏
分享
评论
点赞
9
分享

创作者周榜

更多
牛客网
牛客企业服务