css选择器

Posted 2020-07-17

1. 子元素选择器  >

　　p > span   选择作为p元素子元素的p元素

2. 相邻兄弟选择器 +

　　h1 + p 选择紧接在h1元素后出现的p元素

3. 属性选择器 []

　　E[attr]

　　E[attr="value"]

　　E[attr~="value"] 根据部分属性值选择 

　　　p[class~="important"]  选择属性中包含important字段的p元素

　　E[attr|="value"] 特定属性选择类型

　　　img[src|="figure"]  选择src属性等于figure或以figure开头的img元素

 

标签选择器，伪类及伪对象：优先级  1

类选择器，属性选择器：      优先级 10

ID选择器：                      优先级 100

style属性：                      优先级 1000

其他，如通配符：               优先级 0