css入门6：分组和嵌套

最新推荐文章于 2022-09-28 14:29:18 发布

inch2006

最新推荐文章于 2022-09-28 14:29:18 发布

阅读量320

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/inch2006/article/details/80431525

本文介绍了CSS中分组选择器及嵌套选择器的应用，通过实例展示了如何为多个元素设置相同的样式属性，并且说明了类选择器的作用范围限制。

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

分组定义相同属性，如：

    h1,h2,h3{
      color: blue;
    }

嵌套，如：

p.marked
{
color:white;
}

p.marked类只能在p中起作用，在div或者其他标签中不起作用。

举个栗子，

<html>

<head>
  <style>
    h1,
    h2,
    h3 {
      color: blue;
    }

    p.marked {
      color: red;
    }
  </style>
</head>

<body>

  <!-- 分组定义相同属性 -->
  <h1>hello</h1>
  <h2>hello</h2>
  <h3>hello</h3>

  <!-- 嵌套的类p.marked,只有在p中起作用，在div中不起作用 -->
  <p class="marked">
    This is a paragraph;
  </p>

  <div class="marked">
    this is a div
  </div>

</body>


</html>