要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。

每一条css样式定义由两部分组成,形式如下:[code] 选择器{样式} [/code] 在{}之前的部分就是“选择器”。“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。
选择器是CSS语言中的一种语法,用于选取需要应用样式的HTML元素。通过选择器,可以控制网页中的元素样式,实现页面布局和视觉效果的调整。
4、选择器分组(并集选择器)
语法:选择器1,选择器2,选择器n{ }
5、复合选择器(交集选择器)
作用:选择更准确更精细的目标元素并为其设置属性
语法:选择器1选择器2选择器n{ }
!注意选择器之间不能有空格,要紧挨在一起
作用:用来选中页面中所有的元素
作用:选中指定元素的指定后代元素
语法:祖先元素 后代元素{ }
作用:选中指定父元素的子元素
语法:父元素>子元素
伪类表示元素的一种特殊状态
:hover 移入时元素的状态
:visited 已被访问过后的元素的状态
:active 被点击时元素的状态
作用:根据元素中的属性或属性值来选取指定元素
语法:[属性名]选取含有指定属性的元素
? [属性名=“属性值”]选取含指定属性值的元素
? [属性名^="属性值"] 选取属性值以指定内容开头的元素
? [属性名$="属性值"] 选取属性值以指定内容结尾的元素
? [属性名*="属性值"] 选取属性值包含指定内容的元素
作用:选中一个元素后紧挨着的指定的兄弟元素
语法:前一个+后一个(作用在后一个)
作用:选中后边所有的制定兄弟元素
语法:前一个~后边所有
2.ID选择器:通过设置id名字,进行精确的选择,用#来定义
# div1 { //通过id名字来进行选择
3.类选择器:通过类名来进行选择,选择范围比id选择器大,用’.'来定义
.div1 { //所有类名为div1的都被选择了
不建议使用,对页面加载负担大
1.后代选择器:定义用空格隔开
2.交集选择器:与后代选择器定义的不同是,没有空格隔开,两个元素紧挨着
3.并集选择器:定义用逗号隔开
1.静态伪类:点击连接之前(link),点击连接之后(visited)这样的
2.动态伪类:鼠标移入(hover),点击之后(focus)