普通選擇器 ?
? 直接的標(biāo)簽就可以作為標(biāo)簽
類選擇器和ID選擇器
通配符選擇器
屬性選擇器[disabled][type=button]
<h2 class="title sports">標(biāo)題</h2>
<p class="sports">內(nèi)容</p>
[class~=sports]{color=blue;} 同時(shí)選中?
偽類選擇器
:nth-child(3n+1)(even)(odd) ?nth-last-child()
only-child ?first/last-of-type(even/odd)
偽元素選擇器
：：first-letter /line?{第一個(gè)字符設(shè)置格式}
::before ? ::after ?::selection ? 被選中樣式的樣式
組合選擇器
后代選擇器 ? .main ?h2 {}
子選擇器 ?.main>h2{}
兄弟選擇器 ?相鄰h2+p{} ? 通用h2~p{ }
選擇器分組
繼承
CSS優(yōu)先級(jí)
計(jì)算方法
a=行內(nèi)元素 ?權(quán)重：1000
b=ID選擇器? 權(quán)重：100
c=類、偽類、和選擇器的數(shù)量 權(quán)重：10
d=標(biāo)簽選擇器和偽類選擇器的數(shù)量? 權(quán)重：1
CSS層疊
相同的屬性覆蓋
優(yōu)先級(jí) ? 后面覆蓋前面
不同的屬性會(huì)合并
CSS改變優(yōu)先級(jí)
改變先后順序
提升選擇器優(yōu)先級(jí)
！important
