CSS 选择器

1 标签选择器

2 类选择器

.xxx {

}

3 id选择器

#xxx{

}

4 通配符选择器

*{
}

(该页所有的都算)

5 复合选择器

5.1 后代选择器

1. 元素1 元素2 ...{

}

1. 后代: 只要后者包含在前者内即可

5.2 子元素选择器

1. 元素1 > 元素2{

}

1. 选最近一级的子元素(亲儿子)

5.3 并集选择器

1. 元素1 , 元素2 ... {

}

1. ,可以看作"和"的意思,常用集体声明(任何形式的选择器都可以作并集选择器一部分)
2. 通常并集选择器元素是竖着写

5.4 链接伪类选择器

1. a:link 选择所有未被访问的链接
2. a:visited 选择所有已被访问的链接
3. a:hover 选择鼠标指针位于上方的链接
4. a:active 选择活动链接(鼠标按下未弹起)

为确保生效,按照LVHA顺序声明

注意

:hover任意标签皆可用,例如: div:hover{}

5.5 focus伪类选择器

1. :focus 用于获取焦点的表单元素
2. 一般input才能获取