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

    1、行内样式,指的是html文档中定义的style

    行内样式包含在你的html中 对你的元素产生直接作用,比如:

    <h1 style="color: #fff;">header</h1>
    

    2、ID选择器

    Id也是元素的一种标识,比如#div

    3、类,属性选择器和伪类选择器

    这一类包括各种class,属性选择器,伪类选择器比如 :hover,:focus等等。

    4、元素和伪元素

    元素跟伪元素选择器,比如:before 与 :after

    顺序: 行内样式>ID>CLASS>元素,按照这个优先级

    1、利用LVHA原理来给链接应用样式:如果你想展现不同状态的链接样式,一定要记住link-visited-hover-active的顺序,或者简写为LVHA。

    2、永远都不要使用“!important”:“如果你遇到了权重问题,第一个解决方法肯定是去掉“!important”,“!important”会覆盖所有的样式规则,但“!important”根本没有结构与上下文可言,所以很少用到。

    3、利用id增加选择器权重:利用ul#blogroll a.highlight代替a.highlight ,权重由0, 0, 1, 1 变成了0, 1, 1, 2。

    4、减少选择器的个数:“在css规则中尽可能的使用较少的选择器”。

    =============================

    以上描述参考网络资源。大漠

  • 相关阅读:
    Java String字符串补0或空格
    oracle查看当前用户权限
    plsql developer 导出导入存储过程和函数
    扩展jQuery easyui datagrid增加动态改变列编辑的类型
    jQueryEasyUI Messager基本使用
    combox源码解析
    Solr -- Solr Facet 2
    Solr -- Solr Facet 1
    nginx -- 安装配置Nginx
    DOS
  • 原文地址:https://www.cnblogs.com/leshao/p/4691195.html
Copyright © 2011-2022 走看看