zoukankan      html  css  js  c++  java
  • css三大特性及权重说明

    一、三大特性简述

    层叠性: 后来的覆盖前面的 (长江后浪推前浪)
    继承性: 子标签会继承父标签的某些样式 (跟文字有关的一般都会继承)
    优先级: 设计到一个算法“css特殊性(Specificity)”
        specificity用一个四位的数来表示,从左到右 左面的值最大,数位之间没有进制级别之间不可超越
        继承或者*的贡献值  0,0,0,0
        每个元素(标签)贡献值为0,0,0,1
        每个类,伪类的贡献值 0,0,1,0
        每个ID的贡献值为   0,1,0,0
        每个行内样式贡献值  1,0,0,0
        每个!important   无穷大
            !important的用法
            div {
    
                    color: red!important;
                }

    二、优先级高低总结

    相等价的时候取就近原则
    权重可叠加叠加
    
    1.使用了!important申明的规则
    2.内嵌在HTML元素的style属性里面的申明
    3.使用了ID选择器的规则
    4.使用了类选择器、属性选择器、伪元素和伪类选择器
    5.使用了元素选择器的规则
    6.只包含一个通用选择器的规则
    7.同一类选择器则遵循就近原则
  • 相关阅读:
    用colorWithPatternImage设置view背景色太占内存,替代方法
    快捷键
    数组里面放入随机数
    Android图像处理之Bitmap类
    android屏幕适配_
    最火的Android开源项目
    boost 编译
    QTextEdit更改单个段落/块的字体
    自定义QMenu样式
    Qimage QBuffer
  • 原文地址:https://www.cnblogs.com/guniang/p/11904446.html
Copyright © 2011-2022 走看看