css 选择器

# 选择器

## 简单选择器

1.ID选择器

2.元素选择器

3.类选择器

4.通配符选择器

*，选中所有元素

5.属性选择器[]

根据属性名和属性值选中元素

6.伪类选择器 :（书写顺序有要求） ：

为什么伪类选择器开头是元素名呢

选中某些元素的某种状态

link:超链接未访问时的状态

visited:超链接访问过后的状态

hover:鼠标悬停状态

active:激活状态，鼠标按下状态

前两个只有a元素可以用

爱恨 法则

a:link{}

a:active{}

a:hover{}
 

7.伪元素选择器 ：：

两个冒号

在元素的内部生成并选中子元素

before

after

content 只有在 before 和after中才能使用

## 选择器的组合

1.后代元素 —— 空格（most）

2.子元素 —— >

3.相邻兄弟元素 —— +

4.后面出现的所有兄弟元素—— ~

没有提供可以选中之前的元素

$一般在计算机中表示结束

## 选择器的并列（语法糖，只是为了方便代码的书写，没有改变代码的实质）

多个选择器，用逗号隔开