css选择器的继承与权重

本文介绍了CSS中的继承概念,即祖先元素的样式可以传递给子元素,使得开发者能更方便地管理网页样式。同时,文章探讨了并非所有样式都能继承,如背景和布局相关样式。此外,还详细讲解了CSS选择器的权重规则,包括内联样式、ID选择器、类选择器、元素选择器等,并强调了选择器权重在样式冲突时的决定作用。了解这些原理有助于更精确地控制网页样式。
摘要由CSDN通过智能技术生成

继承

共同的祖先元素,设置统一的字体大小

就像父亲的财产可能会遗传给儿子一样,在CSS中祖先元素的样式同样也会被子元素继承

定义:为一个元素设置的样式,同时也会应用到它的后代元素上

优势:便于开发者开发网页

注意:并不是所有的样式都会被继承,比如:背景相关的,布局相关等不会被继承

关于文字样式的,都能够继承,比如:color、 text-开头的、line-开头的、font-开头的。

        

选择器的权重

           

选择器权重
内联样式1000
id选择器100
class选择器/属性选择器10
元素选择器1
继承0
通配符选择器
!important(特殊)最高优先级

注意:

1.交集选择器比较优先级时,需要将所有选择器的优先级进行相加计算,最后再与其它的选择器的优先级比较,优先级高的则优先显示。

2.并集选择器内的多个选择器按照单个分别计算

3.如果优先级计算后相同,此时则优先使用靠下的样式。

4.选择器的累加,不会超过上一级数量级,例如:类选择器再高也不会超过id选择器  量变达不到质变。

      

一般来说:选择器越具体,优先级越高。(听说的,错了不要找我)

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值