选择器是用来瞄准目标元素的东西
• 类选择器:指以“.”这个点号开头的选择器。很多元素可以应用同一个类选择器。“类”,
天生就是被公用的命。
• 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 以上版本。
网友评论