CSS 之选择器声明

菇毒

于 2022-06-05 15:45:38 发布

阅读量526

点赞数

分类专栏： web 前端学习 # CSS 文章标签： css css3 html

本文链接：https://blog.csdn.net/weixin_43960383/article/details/125132682

版权

web 前端学习同时被 2 个专栏收录

90 篇文章 4 订阅

订阅专栏

CSS

34 篇文章 1 订阅

订阅专栏

选择器声明

1. 集体声明
2. 多重嵌套声明

每个选择器属性能能一次声明多个，即创建多个CSS属性修饰HTML 标记

1. 集体声明

集体声明就是在声明各种CSS选择器时，若某些选择器的风格完全相同，或者部分相同，可将风格向提供的 CSS 选择器同时声明；

例子1：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>集体声明</title>
		<style type="text/css">
			h1,h2,h3,h4{color: blue;font-size: 25px;font-weight: boloder;font-family: "宋体";}
		</style>
	</head>
	<body>
		<h1>使用集体声明的效果1</h1>
		<h2>使用集体声明的效果2</h2>
		<h3>使用集体声明的效果3</h3>
		<h4>使用集体声明的效果4</h4>
	</body>
</html>

0220428

2. 多重嵌套声明

在 CSS 控制 HTML 标记样式时，还能使用层层递进的方式，即嵌套方式，对指定位置的 HTML 标记进行修饰；

例子 2：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>多重嵌套声明</title>
		<style>
			p{font-size: 25px;font-family: "楷体";}
			p a{color: blue;font-size: 30px;font-weight: bolder;text-decoration: none;}
		</style>
	</head>
	<body>
		<p>下面使用多重嵌套的效果：<a href="" >多重嵌套声明</a></p>
	</body>
</html>

20220428

菇毒

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
CSS 之选择器声明

集体声明就是在声明各种CSS选择器时，若某些选择器的风格完全相同，或者部分相同，可将风格向提供的 CSS 选择器同时声明；例子1：在 CSS 控制 HTML 标记样式时，还能使用层层递进的方式，即嵌套方式，对指定位置的 HTML 标记进行修饰；例子 2：...
复制链接

扫一扫