类选择器——web笔记

最新推荐文章于 2023-03-24 20:58:46 发布

d_left

最新推荐文章于 2023-03-24 20:58:46 发布

阅读量163

点赞数

分类专栏： web学习笔记

本文链接：https://blog.csdn.net/d_left/article/details/79937377

版权

web学习笔记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

格式：

.类名{样式定义列表}

作用范围：所有class属性为类名的网页元素

eg:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.text{
				color: red;
			}
		</style>
	</head>
	<body>
		<h1 class="text">hello world</h1>
		<p class="text">hello world</p>
	</body>
</html>

效果：

格式：

标记.类名{样式定义列表}

作用范围：指定标记中class属性为类名的网页元素如下列的<p>标记

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			p.text{
				color: red;
			}
		</style>
	</head>
	<body>
		<h1 class="text">hello world</h1>
		<p class="text">hello world</p>
	</body>
</html>

效果：