Css复合选择器-css-fu-he-xuan-ze-qi

后代选择器 @

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

ul li {}

元素中间用空格隔开

子元素选择器

只能选择作为某元素的最近一个子元素

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

div > p {样式声明}

元素1和元素2中间用大于号隔开

元素1是父级 元素2是子集 最终选择的是元素2

元素2必须是亲儿子

并集选择器@

并集选择器可以选择多组标签 同时为他们定义相同的样式 通常用于集体声明

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

ul ， div {声明样式}

元素1 和元素2 用逗号隔开

逗号可以理解为和的 意思

并集选择器通常用于集体声明

链接伪类选择器@

a : link 选择所有未被访问的链接

a： visited 选择所有已被访问的链接

a: hover 选择鼠标指针位于其上的链接

a: active 选择活动链接 （鼠标按下未弹起的链接）

注意事项 LVHA 声明顺序不能颠倒

单独给a 指定样式

focus伪类选择器

用于选取获得焦点的表单元素

input:focus{
    background-color:yellow;
}
用法：
<input type="text">
鼠标点击 表单 表单背景颜色会改变