【CSS】组合选择器

最新推荐文章于 2024-09-04 16:55:55 发布

言曦

最新推荐文章于 2024-09-04 16:55:55 发布

阅读量1.5k

点赞数

分类专栏： CSS 文章标签： css html javascript

本文链接：https://blog.csdn.net/wangke1998/article/details/122230875

版权

CSS 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

组合选择器的样式是：

选择器1，选择器2，选择器n{

属性:值；

}

组合选择器可以让多个选择器公用同一个CSS样式代码。

示例：修改class=“class01”的div标签和id=“id01”所有的span标签，字体颜色为蓝色，字体大小20个像素，边框为1像素的黄色实线。

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

<style type="text/css">

   .class01,#id01{

      color:blue;

      font-size:20px;

      border:1px yellow solid;

   }

</style>

</head>

<body>

<div class="class01">div标签---</div>

<span id="id01">span标签</span>

</body>