选择器:决定哪些元素使用该样式
选择器类型:1通用选择器:可以与任何元素匹配,常用设置一些默认的样式,适用(*)进行设置
2元素选择器:使用HTML元素作为选择器,比如h1
3类选择器: 根据元素的类属性设置选择器,其语法:. classname{},该选择器只会考虑类名,跟元素名以及其他条件无关;可以将多个类选择器应用于一个元素(多选择器),html元素的class属性可以包含一个词列表,各个词之间用空格分开,每个词就是一个类选择器当我们想让类选择器和元素选择器结合使用,以实现对某种元素不同样式的细节控制,这是我们可以这么做:元素选择器.类名{} (类名不能以数字开头)
4id选择器:以一种独立于文档元素的方式来指定样式,仅作用于id属性的值,语法:#id值
5群组选择器:选择器声明以逗号(,)隔开的选择器列表,将一些相同规则作用于多个元素,其中包含元素选择器,类选择器,id选择器
6后代选择器:依据元素在其位置的上下文,语法为 父元素关系来定义样式,又称为包含选择器,用于选择作为某元素的一个子元素
语法为 :父元素 子元素,元素与元素之间用空格隔开
7)伪类选择器:用于向某些选择器添加特殊的效果,使用冒号作为结合符,结合符左边为其他选择器,右边是伪类:选择器:伪类选择器。CSS中伪类选择器可以分为:链接伪类、动态伪类、目标为类、元素状态伪类、结构为类、否定伪类
a.链接伪类:link(适用于尚未访问过的链接)、visited(适用于访问过的链接)
b.动态伪类:hover(适用于鼠标悬停在元素上)、active(html元素被激活时)、focus(元素获取焦点)
选择器类型:1通用选择器:可以与任何元素匹配,常用设置一些默认的样式,适用(*)进行设置
2元素选择器:使用HTML元素作为选择器,比如h1
3类选择器: 根据元素的类属性设置选择器,其语法:. classname{},该选择器只会考虑类名,跟元素名以及其他条件无关;可以将多个类选择器应用于一个元素(多选择器),html元素的class属性可以包含一个词列表,各个词之间用空格分开,每个词就是一个类选择器当我们想让类选择器和元素选择器结合使用,以实现对某种元素不同样式的细节控制,这是我们可以这么做:元素选择器.类名{} (类名不能以数字开头)
4id选择器:以一种独立于文档元素的方式来指定样式,仅作用于id属性的值,语法:#id值
5群组选择器:选择器声明以逗号(,)隔开的选择器列表,将一些相同规则作用于多个元素,其中包含元素选择器,类选择器,id选择器
6后代选择器:依据元素在其位置的上下文,语法为 父元素关系来定义样式,又称为包含选择器,用于选择作为某元素的一个子元素
语法为 :父元素 子元素,元素与元素之间用空格隔开
7)伪类选择器:用于向某些选择器添加特殊的效果,使用冒号作为结合符,结合符左边为其他选择器,右边是伪类:选择器:伪类选择器。CSS中伪类选择器可以分为:链接伪类、动态伪类、目标为类、元素状态伪类、结构为类、否定伪类
a.链接伪类:link(适用于尚未访问过的链接)、visited(适用于访问过的链接)
b.动态伪类:hover(适用于鼠标悬停在元素上)、active(html元素被激活时)、focus(元素获取焦点)