CSS入门--其他选择器

CSS之中，除了标签、类、伪类、伪元素等常用的选择器之外，还有不少的选择器，以下再列举出一些常用的选择器：

• id选择器： 根据元素的id进行选择的一种选择器，id选择器具有唯一性，即id在代码的实现过程中不可以重复定义

  示例：
  
  id的定义：
  <p id="message">
      hello,你好。
  </p>
  
  css的id设置(以"#"开头)：
  #id{
      color="blue";
  }
  

• 文档选择器：以"*"设置的选择器，可以应用在整个文档中的元素中。

  css设置 示例：
  *{
      color="blue";
  }
  
  此设置可以将整个文档的颜色设置为蓝色

• 关联选择器：用","号将两个或多个选择器关联在一起进行设置，此时多个选择器具有共同的属性设置效果

  CSS设置 示例：
  #name,#message,p,.p{
      color="blue";
  }
  同时将id为name、message的两个选择器，p标签，class（类）名为p的标签共同设置颜色为蓝色

• 子孙选择器：用"空格"将两个选择器连接起来，后一个选择器是前一个选择器的子或者是孙。选择效果是父元素里的所有子和孙元素。

  CSS设置示例：
  
  div p{
      color="blue";
  }
  将div标签下的所有标签为p的子元素以及孙元素全部设置为蓝色

• 子选择器：用">"将两个选择器连接起来，后一个选择器是前一个选择器的子元素。选择效果是父元素里的所有子元素。

  CSS设置示例：
  div>p{
      color="blue";
  }
  将标签div下所有子元素为p的元素设置为蓝色

• 兄弟选择器：用"+"将两个选择器连接起来，选择效果是选择所有和前一个元素是兄弟（同一级）元素的后一种元素的集合。

  CSS设置示例：
  div+p{
      color:"blue";
  }
  将所有和div同级的p元素设置为蓝色

• 属性选择器：用"[]"对元素中的特定属性进行设置

  CSS设置示例：
  div[class="list"]{
      color:"blue";
  }
  将div中class名为list的元素设置为蓝色