选择器

选择器是用来瞄准目标元素的东西

• 类选择器:指以“.”这个点号开头的选择器。很多元素可以应用同一个类选择器。“类”，
天生就是被公用的命。

• ID 选择器:“#”打头，权重相当高。ID 一般指向唯一元素。但是，在 CSS 中，ID
样式出现在多个不同的元素上并不会只渲染第一个，而是雨露均沾。但显然不推荐
这么做。

• 属性选择器:指含有[]的选择器，形如[title]{}、[title= "css-world"]{}、
[title~="css-world"]{}、 [title^= "css-world"]{} 和[title$="css- world"]{}等。

• 伪类选择器:一般指前面有个英文冒号(:)的选择器，如:first-child 或:last-child 等。

• 伪元素选择器:就是有连续两个冒号的选择器，如::first-line::first- letter、::before 和 ::after。

选择元素还可以使用关系选择器：

关系选择器是指根据与其他元素的关系选择元素的选择器，常见的符号有空格、>、~，还
有+等，这些都是非常常用的选择器。

• 后代选择器:选择所有合乎规则的后代元素。空格连接。
• 相邻后代选择器:仅仅选择合乎规则的儿子元素，孙子、重孙元素忽略，因此又称“子
选择器”。>连接。适用于 IE7 以上版本。
• 兄弟选择器:选择当前元素后面的所有合乎规则的兄弟元素。~连接。适用于 IE7 以上
版本。
• 相邻兄弟选择器:仅仅选择当前元素相邻的那个合乎规则的兄弟元素。+连接。适用于
IE7 以上版本。