html5交集选择器+id+class 组合使用

最新推荐文章于 2025-05-29 10:30:11 发布

今夕今年

最新推荐文章于 2025-05-29 10:30:11 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： html5

本文链接：https://blog.youkuaiyun.com/baidu_31481511/article/details/88398260

前端专栏收录该内容

14 篇文章

订阅专栏

本文通过一个具体的HTML页面实例，展示了如何使用CSS选择器来为不同元素应用样式，包括字体大小、颜色、边框等属性，同时介绍了后代选择器和交集选择器的用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>后代选择器</title>
		<style type="text/css">
			.font1{
				font-size: 1cm;
				color: yellow;
			}
			/*交集选择器*/
			h1.font1{
				border: 2px dotted black;
			}
			#h_1{
				background-color:red;
			}
		</style>
	</head>
	<body>
		<!--交集选择器-->
		<p class="font1" >p标签</p>
		<h1 class="font1" id="h_1">h1标签</h1>
		<h1>h1第二个标签</h1>
		<p>p标签的第二个标签</p>
	</body >
</html>