zoukankan      html  css  js  c++  java
  • 前端 CSS选择器的权重比例

    CSS的三大特性-----继承、优先级、层叠

    继承(子元素继承父元素的属性 color、font-size...)

    优先级(各个选择器的占比大小)

    层叠(写在最后面的会覆盖前面的相同属性的属性)

    CSS选择符分类

    1.标签选择器(body、ul、li、p...)

    2.类选择器(如:class="head",class="head_logo")

    3.ID选择器(如:id="name",id="name_txt")

    4.全局选择器(如:*号)

    5.组合选择器(如:.head .head_logo,注意两选择器用空格键分开)

    6.后代选择器 (如:#head .nav ul li 从父集到子孙集的选择器)

    7.群组选择器 div,span,img {color:Red} 即具有相同样式的标签分组显示

    8.继承选择器(如:div p,注意两选择器用空格键分开)

    9.伪类选择器(如:就是链接样式,a元素的伪类,4种不同的状态:link、visited、active、hover。)

    10.字符串匹配的属性选择符(^ $ *三种,分别对应开始、结尾、包含)

    11.子选择器 (如:div>p ,带大于号>)

    12.CSS 相邻兄弟选择器器 (如:h1+p,带加号+)

    CSS优先级:

    不同级别:

    !important(1000) > 行内样式(500) > ID选择器(100) > 类选择器(10) > 标签(1) > 通配符 > 继承 > 浏览器默认属性

    相同级别:

    后面下的会覆盖前面写的样式

  • 相关阅读:
    2012.05.17
    一些记录
    2012.09.09 js
    2012.05.24 jq Tab
    2012.10.08 关于 开发计划制定、项目管理、功能设计 的想法记录
    2012.05.21 jq Tab
    关于工作状态
    ImageWaterMark参数说明
    关于拼接邮件在存储过程中
    关于使用HtmlAgilityPack
  • 原文地址:https://www.cnblogs.com/qlb-7/p/13546041.html
Copyright © 2011-2022 走看看