1、选择符:
1)id选择器(#myid)
2)类选择器(.myclass)
3)标签选择器(div,h1,p)
4)相邻选择器(h1+p)
5)子选择器(ul>li)
6)后代选择器(li a)
7)通配符选择器(*)
8)属性选择器(a[rel="external"])
9)伪类选择器(a:hover,li:nth-child)
2、样式继承
1)可以继承的样式:font-size, font-family, color, text-indent(等字体类样式)
2)不可继承的样式:border, padding, margin, width, height
3、优先级比较
1)优先级就近原则,同权重情况下样式定义最近者为准;
2)载入样式以最后载入的定位为准;
3)!important>内联 > id >伪类> class > tag;
4)important 比 内联优先级高,但内联比 id 要高;
5)权重计算:
(1)内联,如style=""——1000,
(2)id,如#content——100,
(3)类、伪类和属性选择器,如.content——10,
(4)标签选择器和伪元素选择器,如div p——1
(5)通配符、子选择器和相邻选择器,如*,>,+——0
4、CSS3新增的伪类
1)p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素;
2)p:last-of-type 选择属于其父元素的最后 <p> 元素的每个 <p> 元素;
3)p:only-of-type 选择属于其父元素唯一的 <p> 元素的每个 <p> 元素;
4)p:only-child 选择属于其父元素的唯一子元素的每个 <p> 元素;
5)p:nth-child(2) 选择属于其父元素的第二个子元素的每个 <p> 元素;
6):checked 单选框或复选框被选中