前端开发基础之CSS选择器——复合选择器

原创

已于 2022-04-02 11:22:31 修改 · 260 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html #css

于 2022-04-02 11:22:08 首次发布

本文介绍了前端开发中CSS的选择器使用，包括后代选择器、子代选择器、并集选择器和交集选择器。通过实例代码演示了如何实现特定元素的样式设置，如使特定p标签变红等。

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

所使用的软件：Visual Studio Code。
以下选择器都要在style标签里填写。
1．后代选择器（空格）：
需求：只要这是一个p标签变红
具体代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>练习</title>
	<style>
	.father p {
     
     
	            color: red;
	}
	</style>
</head>
<body>
    <div class="father">
        <p>
            这是一个p标签
        </p>
    </div>