CSS选择器

派生选择器：

• 派生选择器允许根据文档的上下文关系来确定某个标签的样式，合理地使用派生选择器使 HTML 代码变得更加整洁
  • 例如:

li h {
    font-style: italic;
    font-weight: normal;
  }

 <p>
   <h>
    我是粗体字，不是斜体字，因为我不在列表当中，所以这个规则对我不起作用
   </h></p> 
  <ol> 
   <li>
    <h>
     我是斜体字。这是因为 strong 元素位于 li 元素内。
    </h></li> 
   <li>我是正常的字体。</li> 
  </ol>   

上述代码效果如下：

运行效果

id选择器：

• id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
• id 选择器以 "#" 来定义。
  例:给id为“red”的元素设置颜色为red
  #red {color:'red';}
<p id = "red">red<p>

类选择器：

• 因为类不是唯一的元素标识，类选择器可以同时为拥有同种类名的元素制定特定样式
• 类选择器用"."来定义
  例：给类名为red的元素设置颜色为red
  .red{color:'red'}

<h1 class = "red">red</h1>
<h2 class = "red">red</h2>