css复合选择器

最新推荐文章于 2022-08-26 09:58:00 发布

syyy9090

最新推荐文章于 2022-08-26 09:58:00 发布

阅读量146

点赞数

分类专栏： # CSS

本文链接：https://blog.csdn.net/syyy9090/article/details/105022783

版权

CSS 专栏收录该内容

22 篇文章 1 订阅

订阅专栏

在CSS中，可以根据选择器类型把选择器分为基础选取器和复合选择器，复合器是建立在基础选择器的之上，对基本选择器进行组合形式。

1.后代选择器（包含选择器）

2.子选择器

3.并集选择器

注意约定的语法规范：并集选择器喜欢竖着写；一定注意最后一个选择器不需要加逗号

4.伪类选择器

5.：focus伪类选择器

总结：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>css复合选择器---链接伪类</title>
	<style>
		/*1.未访问的链接 a:link 把没有点击过的（访问过的）链接选出来*/
		a:link {
			color: #333;
			text-decoration: none;
		}
		/*2.a:hover 选择鼠标经过的那个链接*/
		a:hover {
			color: skyblue;
		}
		/*3.a:visited 选择点击过的（访问过的）链接*/
		a:visited {
			color: orange;
		}
		/*4.a:active 选择的是我们鼠标正在按下的链接*/
		a:active {
			color: green;
		}

		/*把获得光标的input表单元素选取出来（及鼠标光标所在的位置）*/
		input:focus {
			background-color: pink;
		}
	</style>
</head>
<body>
	<a href="##">小猪佩奇</a>
	<a href="#">小猪佩奇</a>

	<input type="text">
	<input type="text">
</body>
</html>