• CSS 三大特性 层叠 继承 优先级


    css三大特性

    层叠性:


    如果一个属性通过两个相同选择器设置到同一个元素上,相同的属性就会出现冲突,那么这个时候一个
    属性就会将另一个属性层叠掉,采用的是就近原则


    继承性:


    子标签会继承父标签的某些样式 一般以font­,line­,color,text­,list­,都能继承 
    备注 : a标签不能继承字体颜色,h标签不能继承字体的大小


    优先级 :


    id 权重 0 1 0 0 
    class/伪类 权重 : 0 0 1 0 
    类型选择器 权重 : 0 0 0 1 
    统配符选择器权重 : 0 0 0 0
    行内样式 权重 : 1 0 0 0
    复合选择器权重 :
    组成单个选择器的权重之和
    注意 : 群组选择器权重是 各自的权重
    !important可以进行提权 ,放在属性值的后面,比行内样式
    的权重还高 (一般不使用)
    权重的相同时,CSS 遵循就近原则。

    注意:当使用复合选择器时,低级的选择器权重加起来大于高级选择器时,页面执行的任然是高级选择器

    例:  比如类型选择器p  当有11个p复合时,类选择器 为0 0 1 0,这时复合选择器的权重为 0 0 0 11,并不会大于类选择器。

          

  • 相关阅读:
    学习进度笔记16
    《软件架构师的12项修炼》阅读笔记1
    学习进度笔记15
    CSS前端性能优化
    多行文本溢出,显示省略号
    VIM编辑器使用
    iOS 兼容性处理
    javascript 对象
    JS滚轮事件(mousewheel/DOMMouseScroll)了解
    MarkDown编辑器基础使用教程
  • 原文地址:https://www.cnblogs.com/ximenchuifa/p/13218558.html
Copyright © 2020-2023  润新知