0
点赞
收藏
分享

微信扫一扫

【尚硅谷 Java Web 笔记】组合选择器

追风骚年 2022-02-01 阅读 66

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

        格式:

                选择器1,选择器2,……,选择器n{

                        属性:值;

                }

<!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>组合选择器</title>

    <style type="text/css">
      .class01,#id01{
        color:blue;
        font-size:20px;
        border:1px red solid;
      }
    </style>

</head>

<body>
<!--
 需求:修改class="class01"的div标签和id="id01"的span标签:字体颜色为蓝色,字体大小为20像素,边框为1像素、红色、实线。
-->
<div class="class01">div标签</div>
<br/>
<span id="id01">span标签</span>
</body>

</html>

运行结果:

 

举报

相关推荐

0 条评论