CSS的复合选择器

Posted 2021-06-30 冰雪奇缘lb

CSS的复合选择器

---

后代选择器

---

子选择器

---

并集选择器

使用举例：

div,
p,
.pig li {
	color: pink;
}

注意：

• 约定的语法规范，我们并集选择器喜欢竖着写
• 最后一个选择器不需要加逗号

---

伪类选择器

伪类选择器用于向某些选择器添加特殊的效果，比如给链接添加特殊效果，或选择第1个，第n个元素。

伪类选择器书写最大的特点是用冒号(∶)表示，比如 :hover 、:first-child。

因为伪类选择器很多，比如有链接伪类、结构伪类等，所以这里先给大家讲解常用的链接伪类选择器。

• 链接伪类选择器
  

/*1. 未访问的链接a:Link把没有点击过的(访问过的)链接选出来*/
a:link {
	color: #333;
	text-decoration: none;
}
/*2. a: visited 选择点击过的（访问过的）链接*/
a:visited {
	color: orange;
}
/*3. a : hover 选择鼠标经过的那个链接*/
a:hover {
	color: skyblue;
}
/*4. a:active 选择的是我们鼠标正在按下还没有弹起鼠标的那个链接*/
a:active {
	color: green;
}

注意：

• :focus 伪类选择器