# 組合選擇器 ###### tags: `Html 選擇器` ```htmlembedded= <title>class类型选择器</title> <style TYPE="text/css"> .class01,#id001{ color: blue; font-size: 20px; border: 1px yellow solid; } </style> </head> <body> <!--组合选择器的格式是： 选择器1，选择器2，选择器n{ 属性：值; } 组合选择器可以让多个选择器共用同一个css 样式代码。--> <!-- 需求1：修改 class="class01" 的div 标签 和 id="id01" 所有的span标签， 字体颜色为蓝色，字体大小20个像素。边框为1像素黄色实线。 --> <div class="class01">div标签class01</div> <br /> <span id="id01">span 标签</span> <br /> <div>div标签</div> <br /> <div>div标签id01</div> <br /> </body> ``` ![](https://i.imgur.com/56Ms34p.png)