CSS选择器

1.元素选择器：p、h1、img、a……

2 通配选择器：*

3.类选择器与ID选择器：.class  #class

4.属性选择器：

• 简单属性选择：选择有某个属性的元素，而不论属性值是什么，例

h1[class] {color:red;}

• 根据具体属性值选择，这种格式要求与属性值完全匹配：

a[href="apple.jpg"] {border:1px solid red;}

• 根据部分属性值选择：~ ^ $ *

p[foo^="ar"]  {color:red;}

• 特定属性选择类型：

p[lang |="en"]  {color:red;}

5.后代选择器，可以选择所有后代元素（记得区分子元素与后代元素的区别）：

p em {color:red;}

6.选择子元素：> 匹配直接子元素，不包括其他的后代元素

7.选择相邻兄弟元素：+ 选择紧邻在另一个元素后的元素，二且两者父元素相同，CSS要求两个元素按“源顺序”出现，两个元素之间的文本内容不会影响相邻兄弟结合符起作用

8.伪类和伪元素

• 链接伪类： ：link(指示所有有href属性的未被访问的的锚)    :visited
• 动态伪类： ：hover  ：active   :focus   顺序：link-visited-focus-hover-active
• :first-child    :lang()  :f irst-letter  : first-line  :before  : after

注：CSS3中还增加了一些选择器