css学习（八）：选择器

一、选择器的分类：

1、通用选择器：有 * （通配符）表示，代表作用于/适用所有的元素；

2、元素/标签/简单选择器：有元素的标签名称直接表示，如 p 、h1、ul......；

3、类选择器；有属性class的值来进行表示；.className；使用class标识页面类型；

4、id元素器：有属性id的值来进行表示：#id；使用id标识特定页面；

5、关系选择器：

• E  F（包含选择器）：E元素后面的，所有的F元素，F可以是E的直接后代、孙子、孙子的孙子....；
• E>F（子选择器）：E元素的直接后代元素F；#nav li {所有} ; #nav li * { none } 实现相同的效果；
• E+F（相邻选择器）：紧贴在E元素后面的F元素，E和F元素必须是同一个父级（相邻元素eg: h2+p）；
• E~F（兄弟元素器）：E元素后面的所有兄弟元素F，E和F元素必须是同一个父级；

6、属性选择器：

以属性是否存在  或者  元素中属性的值进行匹配；

• E[ rel ]：选择具有rel 属性的元素；