css基础(选择器)

选择器

1.标签选择器
语法：

标签名{
​ 属性1：属性值
​ 属性n：属性值
}

2.类选择器

<p class=“类名”> </p>
<!--可以有多个类名，个各类名中间用空格隔开-->
.类名{
​ 属性1：属性值
​ 属性n：属性值
}

3.id选择器

<p id=“id名”> </p>
#id名{
​ 属性1：属性值
​ 属性n：属性值
}

元素的id值是唯一的，只能对应于文档中某一个具体的元素

4.通配符选择器（不推荐使用）

*{
​ 属性1：属性值
​ 属性n：属性值
}

5.后代选择器
其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔，先写父亲爷爷，在写儿子孙子

.父类 子类{color:red;
font-size:16px;
}

6.子元素选择器
其写法就是把父级标签写在前面，子（这里的子 指的是 亲儿子 不包含孙子 重孙子之类。）级标签写在后面，中间跟一个 > 进行连接

父类>子类{
color:red;
font-size:14px;
}

7.交集选择器
交集选择器由两个选择器构成，找到的标签必须满足：既有标签一的特点，也有标二的特点

h3.class{
color:red;
font-size:25px;
}

8.h1-h6:标记选择器

9.class：类别选择器

10.并集选择器

.class,h3{
color:red; 
font-size:25px;
}

11.链接伪类选择器

a:link 未访问的链接
a:visited 已访问的链接
a:hover 鼠标移动到链接上的反应
a:active: 选定的连接，就是鼠标左键还没松开时的反应