8-10 给选择器分个组 - 分组选择器
本节编程练习不计算学习进度，请电脑登录imooc.com操作

给选择器分个组 - 分组选择器

当你想为html中多个标签元素设置同一个样式时，可以使用分组选择符（，），如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色：

h1,span{color:red;}

它相当于下面两行代码：

h1{color:red;}
span{color:red;}

任务

我来试试：

把右边代码编辑器中的第一段全部文字颜色设置为绿色同时把第二段文字中的“简单”文字颜色设置为绿色

 

 

index.html 
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <title>分组选择符</title>
  7.     <style type="text/css">
  8.  
  9.     </style>
  10. </head>
  11.  
  12. <body>
  13.     <h1>勇气</h1>
  14.     <p class="first">三年级时，我还是一个<span>胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
  15.     <p id="second">到了三年级下学期时，我们班上了一节公开课，老师提出了一个很<span>简单</span>的问题，班里很多同学都举手了，甚至成绩比我差很多的，也举手了，还说着："我来，我来。"我环顾了四周，就我没有举手。</p>
  16.     <img src="http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg">
  17. </body>
  18.  
  19. </html>
下一节