CSS选择器

派生选择器：

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

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

 

   
    我是粗体字，不是斜体字，因为我不在列表当中，所以这个规则对我不起作用
   
 
  
 
   

    
     我是斜体字。这是因为 strong 元素位于 li 元素内。
    
 
   
我是正常的字体。
 
  
   

上述代码效果如下：

运行效果

id选择器：

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

  red

类选择器：

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

red
red