您的位置：制图网首页 -> 新闻动态 -> 选择器css【选择器的优先级从高到低排序】

热门排行

选择器css【选择器的优先级从高到低排序】

2023/1/31 来自于：制图网 点击：77
选择器css【选择器的优先级从高到低排序】

一、基础知识点1. 选择器类别选择器css【选择器的优先级从高到低排序】

2. 基础选择器优先级（权重）

选择器css【选择器的优先级从高到低排序】

3. 优先级计算规则

两个选择器给同一元素设置相同的属性，分别将两个选择器权重相加，属性生效满足以下规则。（1）权重大的选择器生效（2）权重相同，后设置的选择器生效

值得注意的是：所有设置的选择器都会生效，只是优先级高的会覆盖掉优先级低的。

二、重难点

1.邻近兄弟选择器A B，顾名思义就是选择紧靠在A元素后面的B元素

/* css */ .div .div{ background-color: teal; }

制图网(www.makepic.net)，专业的logo免费设计在线生成网站，全自动智能化logo设计，商标设计，logo在线生成！

欢迎使用制图网制作属于您公司自己的logo，不仅专业而且经济实惠，全方位满足您公司品牌化、视觉化的需求。

输入激活码：

只需简单一步,使用微信扫码(或长按识别二维码)并在任一小程序首页根据提示获取激活码！ chatGPT中文网页版，无需注册，快来体验全网最火爆的人工智能应用!
刻字印章刻章子定刻光敏盖章印订制(淘宝商家)

输入激活码：

只需简单一步,使用微信扫码(或长按识别二维码)并在任一小程序首页根据提示获取激活码！ chatGPT中文网页版，无需注册，快来体验全网最火爆的人工智能应用!
刻字印章刻章子定刻光敏盖章印订制(淘宝商家)