CSS的继承与优先级

  1. CSS样式继承性

    body,div,p{}

  1. html文档可以上图的种种节点树的形式表示,css层叠样式表中的各元素也有这种对应关系
  2. <body>是文档中最大的根节点,body中的所有元素都是body的后代元素
  3. 从各元素的关系上分析:各元素之间有如下几种关系:

    E F 后代关系

    E>F 父子关系

    E,F (E,可以是任意的元素类型,可以跨级)

    E+F 相邻关系

详细说明:

HTML文档是一种树状的结构。各元素之间有一定的层级关系。这种关系同样反映在CSS中。

CSS中,内层元素将继承外层元素的样式;

多个外层元素的样式,最终都要叠加到内层元素上。

如果内层元素单独又指定了与父元素同名的属性,将被替换。

<body>标记是最顶层元素,<body>中的所有样式,都会被它的后代元素继承。

 

可以继承的CSS属性有哪些?

文本样式、字体样式、列表样式具有继承性

font-family,font-size,font-weight,font-style,color,,font

text-indent,text-decoration,text-transform,line-height,text-align,

list-style-image,list-style-position,list-style-type,list-style

  1. CSS选择器的优先级

    两两比较得出以下结论:

  • 行类样式的优先级>class选择器
  • id>class
  • 行类样式的优先级>id

以上三个结论得出:

行内样式>id样式>class样式

  • 4、!important> 行类样式的优先级

结论:!important>行内样式>id选择器样式>class选择器样式

 

转载于:https://www.cnblogs.com/nyxd/p/5353405.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值