CSS层叠样式表之选择器

一、四大基本选择器

1.统配选择器

*{
}

匹配页面所有元素，一般用于页面样式初始化

2.标记选择器

tagName{
}
匹配页面指定的某种特定元素，如p、h1等，一般用在特定元素的初始化样式

3.类选择器

.类名{
}
[元素增加 class="类名"]
匹配具备class属性的元素

4.id选择器

#id值{
}
[id="id值"  （id值具有唯一性）]
匹配具备id属性的元素

二、复合选择器

1.子代选择器

匹配某个元素的直系子元素     父选择器>子选择器 {         }

2.后代选择器

匹配某个元素的所有后代（内部）子元素     父选择器  后代子选择器 {         }

3.属性选择器

依赖元素的html属性来匹配元素     [属性] {         }

4.兄弟选择器

匹配相同等级的元素     选择器+选择器 {         }

5.伪类选择器

正常选择器的辅助，紧随正常选择器后使用      ：伪类选择器名称 {         }

超链接专用伪类有：

：link {         }       链接未访问状态

：hover {         }       鼠标进入状态

：visited {         }       访问之后状态

：active {         }       激活状态

元素获取焦点时的伪类（一般用于表单元素） input：focus {         }

获取某个元素父元素下的某个特定元素：

：nth-child(index/2n/2n-1) {         }

：first/last-child {         }

6.伪元素（双冒号）

前置操作（在元素内容前插入内容）    ：：before

后置操作（在元素内容后插入内容）    ：：after