CSS笔记1.2

选择器优先级

行间样式优先级高于id优先级高于class优先级高于标签选择器优先级高于通配符选择器

class选择器和属性选择器优先级同级

!important优先级最高

CSS权重

！important Infinity
行间样式 1000
id 100
class|属性|伪类 10
标签|伪元素 1
通配符 0

CSS权重运算进制256进制

1.2

父子选择器/派生选择器

<div>
    <span></span>
</div>

div span{
    xxx;
}

父子选择器每个层级不需要一定使用标签选择器

父子选择器不在于一定要父子关系间接也可以

直接子元素选择器

<div>
    <span></span>
</div>

div > span{
    xxx;
}

浏览器内部搜索从右向左

并列选择器

<div>1</div>
<div class="demo">2</div>
<p class="demo">3</p>

div.demo{
    xxx;
}

优先级等于权重相加，权重大的优先级高

分组选择器

<em>1</em>
<strong>2</strong>
<span>3</span>

em, 
strong, 
span{
    xxx;
}