其他选择器
属性选择器
- 作用：用来根据元素的属性来选中元素
- 语法：
- [属性名] 选中具有该属性的元素
- [属性名=属性值] 选中指定属性值的元素
- [属性名^=属性值] 选中属性值以指定内容开头的元素
- [属性名$=属性值] 选中属性值以指定内容结尾的元素
- [属性名*=属性值] 选中属性值包含指定内容的元素
交集选择器
作用：选中同时符合多个选择器元素
语法：选择器1选择器2{}
例子：
div[title=hello]{}
div.box{}
dib#box{}
分组选择器
- 作用：同时选中多个选择器对应的元素
- 语法：选择器1,选择器2,选择器3,...选择器n{}
关系选择器
- 根据元素之间的关系来选中元素
- 元素之间有哪些关系：父子、祖先后代、兄弟
子元素选择器
- 作用：选中指定元素的子元素
- 语法：父元素 > 子元素{}
后代元素选择器
- 作用：选中指定元素的后代元素
- 语法：祖先 后代{}
兄弟元素选择器
- 作用：选中指定的兄弟元素
- 语法：
- 兄 + 弟 {} 选中紧随其后的一个兄弟
- 兄 ~ 弟 {} 选中后边的所有兄弟元素
伪类选择器
伪类是一个特殊的类，用来表示元素的状态，伪类使用 : 开头
- 像超链接，一个链接有没有被访问过就是一种特殊的状态，在css中，可以使用 :visited来表示访问过的超链接
- a的伪类：
- :link --表示正常的超链接（未访问过的超链接）
- :visited --访问过的链接
- :hover --鼠标移入的元素
- :active --鼠标点击的元素