普通选择器  

  直接的标签就可以作为标签

类选择器和ID选择器

通配符选择器

属性选择器[disabled][type=button]

<h2 class="title sports">标题</h2>

<p class="sports">内容</p>

[class~=sports]{color=blue;} 同时选中 

伪类选择器

:nth-child(3n+1)(even)(odd)  nth-last-child()

only-child  first/last-of-type(even/odd)

伪元素选择器

：：first-letter /line {第一个字符设置格式}

::before   ::after  ::selection   被选中样式的样式

组合选择器

后代选择器   .main  h2 {}

子选择器  .main>h2{}

兄弟选择器  相邻h2+p{}   通用h2~p{ }

选择器分组

继承

CSS优先级

计算方法

a=行内元素  权重：1000

b=ID选择器  权重：100

c=类、伪类、和选择器的数量 权重：10

d=标签选择器和伪类选择器的数量  权重：1

CSS层叠

相同的属性覆盖

优先级   后面覆盖前面

不同的属性会合并

CSS改变优先级

改变先后顺序

提升选择器优先级

！important