zoukankan      html  css  js  c++  java
  • Css3 权重

        Css权重
    权重--很多规则应用到同一个元素上时,权重是决定哪个生效的(优先级)
    权重等级与权值
    行内样式(1000)>ID选择器(100)>类、属性选择器或伪类选择器(10)>元素和伪元素(1)>*(0)
    注:行内样式是在代码内直接写style 例如<div style=" "></div>
    权重规则
    1.包含更高权重的选择器的一条规则有更高的权重
    2.ID选择器(#idValue)的权重比属性选择器([id="idValue"])高
    3.带有上下文关系的选择器比单纯的元素选择器权重高
    例如:
    <section>
    <article></article>
    </section>
    article是section的子元素,带有上下文关系,通过section > article{} 权重为1+1=2,直接article{}权重为1
    4.与元素“挨得近”的规则生效---例如行内样式
    5.如果两条规则权重相同,后面定义的规则会覆盖前面与之冲突的规则
    6.无论多少个元素组成的选择器,都没有一个class选择器权重高
    例如 body div section article{} 不如.class名{}权重高
    通配符选择器权重是0,被继承的css属性也带有权重,权重也是0

  • 相关阅读:
    C# 字符串转为DateTime类型
    多线程的注意事项
    linux 安装中文支持
    发布网站遇到的坑
    配置iis支持json解析,配置ssi
    SEO之图片优化
    SEO之面包屑导航
    SEO之HTML标签
    SEO之优化代码
    SEO之网站内部结构优化
  • 原文地址:https://www.cnblogs.com/alasijia/p/8865233.html
Copyright © 2011-2022 走看看