css选择器是经常用的,未免在去找别人的资料,先自己保存一份吧。
1、通配符选择器:*
用来选择所有元素,也可以是某个元素下面的所有元素
2、标签选择器(元素选择器)
以文档元素作为选择符
E{
css规则
}
3、ID选择器
唯一标识符ID作为选择符
#ID{}
4、类选择器
类名作为选择符
.class{}
5、群组选择器
多个选择符应用同样的样式规则
6.1、后代选择器
E F{} 元素E的任意后代元素F
6.2、 子元素选择器
E>F{} 选择父元素E下面的所有F元素
6.3、相邻兄弟元素
E+F{} 选择E元素紧跟的F元素
7、属性选择器
a. E[attribute] 选择带有attribute属性的元素
b. E[attribute= value] 选择属性值为value的元素
c. E[attribute~= value] 选择属性值包含value的元素(选取属性值中包含指定词汇的元素)
d. E[attribute|= value] 选择属性值以value开头的元素(选取带有以指定值开头的属性值的元素。)
8、伪类选择器
:link 未被访问
:visited 已被访问
:hover 鼠标移动到元素上面的效果
:active 点击元素的那一下效果
:focus 用于元素成为焦点 一般用于表单元素
9、 其他选择器
css3中选择器:
nth-child()选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。odd和even,用于匹配下标是奇数或偶数的子元素的关键词(第一个子元素的下标是 1)。
:nth-last-child(n) 选择器匹配属于其元素的第 N 个子元素的每个元素,不论元素的类型,从最后一个子元素开始计数
:enable 选择器匹配每个已启用的元素(大多用在表单元素上)
:disabled 选择器匹配每个被禁用的元素(大多用在表单元素上)