CSS选择器

一、基础选择器

1、标签选择器

标签名 {

              属性: 属性值;

              ...

}

2、类选择器

.类名 {

           属性: 属性值;

           ...

}

注：多类名 class="类名1 类名2"，用空格隔开。

3、id选择器

#id名 {

           属性: 属性值;

           ...

}

4、通配符选择器

* {

           属性: 属性值;

           ...

}

二、复合选择器

1、后代选择器（重要）

元素1 元素2 {

样式声明

}

注：元素1和元素2用空格隔开，元素1和元素2可以是任意基础选择器。

2、子选择器（重要）

元素1>元素2{

样式声明

}

3、并集选择器（重要）

元素1，元素2{

样式声明

}

注：元素1和元素2可以是任意形式的选择器。

4、伪类选择器

1、链接伪类选择器（常用）

a:link       选择所有未被访问的链接

a:visited  选择所有已被访问的链接

a:hover    选择鼠标指针位于其上的链接

a:active   鼠标按下未弹起的链接

注：按以上顺序声明。

2、:focus伪类选择器

用于选取获得焦点、光标的表单元素。

input: focus {

           属性: 属性值;

           ...

}