css规则、选择器（基础、复合）/选择器优先级

最新推荐文章于 2023-04-24 00:23:22 发布

huanxiangcoco

最新推荐文章于 2023-04-24 00:23:22 发布

阅读量1.1k

点赞数 3

分类专栏： CSS3 CSS3、pink 文章标签： CSS规则基础、复合选择器

本文链接：https://blog.csdn.net/huanxianxianshi/article/details/105027828

版权

本文介绍了CSS的选择器，包括基础选择器（标签、类、ID和通配符选择器）和复合选择器（后代、子、并集和伪类选择器）。通过实例展示了它们的用法，并探讨了选择器的优先级规则。

摘要由CSDN通过智能技术生成

一、CSS规则

有两个主要的部分构成：选择器以及一条或多条声明（选择器 {样式}）

在这里插入图片描述
二、选择器（有两大类：基础、复合）

1.基础选择器

有单个选择器组成,包含如下选择器

（1）标签选择器

可以把某一类标签全部选择出来,比如所有的< p>标签等。
语法：
标签名{ 属性: 属性值; }

（2）类选择器

在HTML中以class属性表示，在css中以.表示.

在这里插入图片描述

一个标签可以有多个类名

<!DOCTYPE html>
< html lang="en">
< head>
	< meta charset="UTF-8">
	< title>Document< /title>
	< style type="text/css">
		.header1{
			color:red;
		}
		.header2{
			background-color: blue;
		}
	< /style>
< /head>
< body>
	< div class="header1 header2">
		你好!
	< /div>
< /body>
< /html>

在这里插入图片描述
注意：