CSS学习笔记之css选择器分类：

       CSS 元素选择器，CSS 选择器分组， CSS 类选择器，CSS ID 选择器，CSS 属性选择器，CSS 后代选择器， CSS 子元素选择器， CSS 相邻兄弟选择器

使用方法：

1、CSS 元素选择器

    选择文档中的元素进行操作。选择器通常将是某个 HTML 元素，比如 p、h1、em、a，甚至可以是 html 本身。例如：

h1 {color:blue;}

2、CSS 选择器分组

    使用逗号连接多个选择器。例如：

body, h2, p, table, th, td, pre, strong, em {color:gray;}

3、CSS 类选择器

    类名前有一个点号（.），即表示类型选择器。例如：

<style type="text/css">
  .myClass {color:red;}
</style>

<h1 class="important">
  This heading is very important.
</h1>

4、CSS ID 选择器

    ID 选择器前面有一个 # 号，要引用 id 属性中的值。

    HTML 和 XHTML 将类和 ID 值定义为区分大小写，所以类和 ID 值的大小写必须与文档中的相应值匹配。例如：

<style type="text/css">
  #abc {color:red;}
</style>
<p id="abc">OceanCoder.cn</p>

5、CSS 属性选择器

    选择具有某个属性的元素。例如：

a[href] {color:red;}

6、CSS 后代选择器

    选择作为某元素后代的所有元素，例如：

p strong {color:red;}

7、CSS 子元素选择器

    只选择某个元素的子元素，不是所有后代元素。语法符号（ > ）例如：

h1 > strong {color:red;}

8、CSS 相邻兄弟选择器

    选择紧接在另一个元素后的元素，而且二者有相同的父元素。语法符号（+），例如：

h1 + p {margin-top:50px;}