1、CSS 选择器
——在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。
"CSS" 列指示该属性是在哪个 CSS 版本中定义的。(CSS1、CSS2 还是 CSS3。)。
(1)元素选择器(标签选择器)
——元素选择器,选择的是页面上所有指定类型的标签,所以经常描述“共性”,
无法描述某一个元素的“个性”。
例:
(2)ID 选择器
——针对某一个特定的标签来使用,只能使用一次。ID 选择器的选择符是“#”。
例:
注:任何的 HTML 标签都可以有 ID 属性,表示这个标签的名字。这个标签的名
字,可以任意取,但是:
Ø
只能有字母、数字、下划线;
Ø
必须以字母开头;
Ø
不能和标签同名。比如 id 不能命名为 body、img、a;
Ø
区分大小写,也就是说 header 和 Header 是两个不同的 id 。
(3)class 类选择器
——针对所有的标签使用,类选择器的选择符是“.”。
例
(4)后代选择器
——形如 ele1 ele2,表示所有属于 ele1 元素后代的 ele2 元素,空格表示后代。
注:这两个元素不一定是紧挨着的,即不一定是父子关系,只要保持一个后代的
关联即可,也就是说,选择的是后代,不一定是儿子。
(5)子元素选择器
——区别于后代选择器,子元素选择器只能作为选择指定元素的子元素。
例:
(6)交集选择器
——关系图如下:
(7)并集选择器
——三种基本选择器都可以放进来,定义的时候用逗号隔开。
例:
4、CSS 权重
——一个元素可以通过不同的方式被选择,但是这些选择出现冲突该如何处理?
通过不同的方法选择一个元素会有不同的权重,如果权重大,就依照权重大
的。如果权重一样大,就选择定义在后面的元素定义。
使用后代选择器时,每一级不同的表述方式,直接进行相加,最后进行权重
的比较。
——在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。
"CSS" 列指示该属性是在哪个 CSS 版本中定义的。(CSS1、CSS2 还是 CSS3。)。
(1)元素选择器(标签选择器)
——元素选择器,选择的是页面上所有指定类型的标签,所以经常描述“共性”,
无法描述某一个元素的“个性”。
例:
(2)ID 选择器
——针对某一个特定的标签来使用,只能使用一次。ID 选择器的选择符是“#”。
例:
注:任何的 HTML 标签都可以有 ID 属性,表示这个标签的名字。这个标签的名
字,可以任意取,但是:
Ø
只能有字母、数字、下划线;
Ø
必须以字母开头;
Ø
不能和标签同名。比如 id 不能命名为 body、img、a;
Ø
区分大小写,也就是说 header 和 Header 是两个不同的 id 。
(3)class 类选择器
——针对所有的标签使用,类选择器的选择符是“.”。
例
(4)后代选择器
——形如 ele1 ele2,表示所有属于 ele1 元素后代的 ele2 元素,空格表示后代。
注:这两个元素不一定是紧挨着的,即不一定是父子关系,只要保持一个后代的
关联即可,也就是说,选择的是后代,不一定是儿子。
(5)子元素选择器
——区别于后代选择器,子元素选择器只能作为选择指定元素的子元素。
例:
(6)交集选择器
——关系图如下:
(7)并集选择器
——三种基本选择器都可以放进来,定义的时候用逗号隔开。
例:
4、CSS 权重
——一个元素可以通过不同的方式被选择,但是这些选择出现冲突该如何处理?
通过不同的方法选择一个元素会有不同的权重,如果权重大,就依照权重大
的。如果权重一样大,就选择定义在后面的元素定义。
使用后代选择器时,每一级不同的表述方式,直接进行相加,最后进行权重
的比较。