CSS选择器

1、元素选择器/标签选择器(element选择器)

格式：元素名称{属性：属性值；......}

2、id选择器

格式：#id名{属性：属性值; ......}

使用id选择器，应该给元素定义id属性，如：

<div id="div1"></div>    id为div1

id选择器最大的用处：创建网页的外围结构

注：id名称不要重合

3、class选择器

格式：.class类名{属性：属性值; ......}       注：class前面有个点

使用类选择器，应该给元素定义一个类名称，如

<div class="div1"></div>    class为div1

4、通配符(全局选择器)

格式：*{属性：属性值；......}

定义所有元素的属性，常用来重置样式

5、交集选择器

格式：选择器1选择器2{属性：属性值；......}

获取到符合所有选择器条件的元素

注：两个选择器之间不能有空格

6、并集选择器（群组选择器）

格式：选择器1，选择器2...{属性：属性值；......}

获取到符合任意一个条件选择器的元素

7、后代选择器

格式：选择器1 选择器2 {属性：属性值；......}   注：每个选择器之间由空格隔开

含义为选择器1中包含的所有选择器2

8、子代选择器

格式：选择器1>选择器2{属性：属性值;.......}

含义为选择器1中所有子一级选择器2

9、伪类选择器

a:link{属性：属性值；}    超链接的初始状态

a:visited{属性：属性值；}   超链接被访问后的状态

a:hover{属性：属性值；}   鼠标悬停，即鼠标划过超链接时的状态

a:active{属性：属性值；}   超链接被激活时的状态，即鼠标按下时超链接的状态

注：a为超链接标签

       hover与active对其他的选择器也有效