一、四大基本选择器
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