【CSS】复合选择器

最新推荐文章于 2025-09-16 08:30:00 发布

原创

最新推荐文章于 2025-09-16 08:30:00 发布 · 1.9k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#python #pandas #数据分析

文章目录

一、复合选择器是什么？

复合选择器是建立在基础选择器之上的，由两个或者多个基础选择器，通过不同的方式组合而成。

二、复合选择器

复合选择器分为：交集选择器和并集选择器。

1.交集选择器

交集选择器：

作用：选中同时符合多个选择器条件的元素

语法：选择器1选择器2......{

例如：div.red{}、.red1#red2{}

注意：如果选择器中有元素选择器，元素选择器放在第一位

代码如下（示例）：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>复合选择器</title>
    <style>
        /* 使用交集选择器，将class为red的诗句变为红色，同时将class为red的h2字体变为24px */
        .red{
            color: red;
        }
        h2.red{
            color: red;
            font-s