关于css:css选择器

css选择器权重

从高往低列:

选择器 权重
!important Infinity
内联款式 1000
ID选择器 100
类选择器|属性选择器|伪类选择器 10
标签选择器|伪元素 1
通配符 0

依据上表权重相加计算并比拟,值越大权重越大

简单选择器及简略示例
<div>
    <p>1</p>
    <div class="box">
        <p>2</p>
    </div>
    <input title="属性选择器" />
</div>
  • 父子选择器(派生选择器):div p{}
  • 间接子元素选择器:div > p{}
  • 属性选择器:[title]{} 或者 [title=”属性选择器”]{}
  • 并列选择器:div.box{}
  • 分组选择器:.box,input{}

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理