【Vichy的学习日记 #4】CSS复合选择器

一.复合选择器

1.后代选择器

例：

ol il{
	color: pink;
}

语法：

元素1 元素2{样式声明}

• 元素1和元素2中间用空格隔开
• 元素1为父级，元素2为子集，最终选择元素2
• 元素2既可以为儿子，也可以为孙子
• 元素1，2可为任意选择器

2.子选择器

只能选择作为某一元素的最近一级子元素
语法：

元素1>元素2{样式声明}

• 元素1，元素2中间用>隔开
• 元素1为父，元素2为子，最终选择元素2
• 元素2中为元素1最近一级子元素

3.并集选择器

选择多组标签，同时为他们定义相同的样式，通常用于集体声明
语法：

元素1,元素2{样式声明}

• 元素1，元素2中间用,隔开
• ，可以理解为和
• 并集选择器通常用于集体声明

二.伪类选择器

像某些选择器添加特殊的效果，用:表示

1.链接伪类选择器

写法	选择目标
a:link	选择所有未被访问的链接
a:visited	选择所有已被访问的链接
a:hover	选择鼠标指针位于其上的链接
a:active	选择活动链接（鼠标按下来未弹起）

ps.必须遵守LVHA的顺序

2.:focus伪类选择器

语法：

input:focus{
	background-color:yellow;
}

用于改变被光标选中的input的颜色。