005_CSS通配符选择器

最新推荐文章于 2024-09-27 11:01:06 发布

原创最新推荐文章于 2024-09-27 11:01:06 发布 · 193 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#css #web前端

css学习专栏收录该内容

52 篇文章

订阅专栏

本文介绍了CSS中的通配选择器(*), 它可以匹配任何元素，实现全局样式设置。通过示例代码展示了如何使用通配选择器将页面所有元素文字颜色设置为红色，包括h1到h4标题及普通段落文本。

1. CSS2 引入了一种新的简单选择器 - 通配选择器(universal selector), 显示为一个星号(*)。该选择器可以与任何元素匹配, 就像是一个通配符。

2. 例子

2.1. 代码

<!DOCTYPE html>
<html>
	<head>
		<title>CSS通配符选择器</title>
		<meta charset="utf-8" />

		<style type="text/css">
			* {
				color:red;
			}
		</style>
	</head>
	<body>
		<h1>这是 heading 1</h1>
		<h2>这是 heading 2</h2>
		<h3>这是 heading 3</h3>
		<h4>这是 heading 4</h4>
		<p>这是一段<b>普通</b>的段落文本。</p>
	</body>
</html>

2.1. 效果图