css选择器

css选择器

---

多类名选择器

当一个标签有多个类选择器时，中间用空格隔开，例如：

	<div class="button J_Bottom"></div>

注意：

1. 样式显示效果跟HTML元素中的类名先后顺序没有关系，受CSS样式书写的上下顺序有关
2. 各个类名中间用空格隔开

---

id选择器

使用#表示id选择器
id与类选择器的区别在于类选择器可以使用多次，但是id确实一个标签独一无二的，其余的标签不能使用

---

通配符选择器

通配符选择器有*和？
注意：通配符选择器就像我们的电影明星中的梦中情人，想想就可以了，她不会和你过日子的。也就是使用的很少

---

后代选择器

后代选择器又称包含选择器，用来选择元素或元素组的后代，其写法就是把外层标签写在前面，内层标签卸载后面分隔。当标签发生嵌套时，内层标签就成为外层标签的后代。

子孙后代都可以这么选择，或者说，他能选择任何包含在内的标签。

---

子代选择器

子代选择器需要找的是亲儿子
例如：

---

交集选择器

交集选择器由两个选择器构成，其中一个为标签选择器，第二个为class选择器，两个选择器之间不能有空格，如：

记忆技巧

交集选择器是并且的意思。即…又…的意思
比如：p.one 选择的是：类名为.one 的段落标签
用的相对来说比较少，不太建议使用。

---

并集选择器

并集选择器是和的意思，就是说，只要逗号隔开的，所有选择器都会执行后面的样式
比如：.one,p,#test{color:#F00;}表示 .one和p和#test这三个选择器都会执行颜色为红色，通常用于集体声明

---

链接伪类选择器
link：未访问的链接
hover:鼠标移动到链接上
active：选定的链接
visited：已访问的链接