css选择器

（一）选择器---就是指定CSS要作用的标签，那个标签的名称就是选择器。意为：选择哪个容器（标签本身就是封装数据的容器）

☆选择器共有三种

1) html标签名选择器。使用的就是html的标签名。

2) class选择器。其实使用的是标签中的class属性。举例：

 .b{
    line-height:30px;
    text-indent:10px;
    color:blue;
 }

<p class="b">党委书。。。。
3) id选择器。其实使用的是标签的中的id属性。举例：

  #id1{
  font-size: 22px;
  text-decoration: underline;
 }

<span id="id1">圆满</span>

每一个标签都定义了class属性和id属性。用于对标签进行标识，方便对标签进行操作。
在定义的中，多个标签的class属性值可以相同，而id值要唯一，因为JavaScript中经常用。

 ☆选择器的优先级

标签名选择器  <  class选择器  <  id选择器  < style属性

（二）扩展选择器

☆关联选择器

标签是可以嵌套的，要让相同标签中的不同标签显示不同样式，就可以用此选择器。例如： 

p { color:#00FF00;}
p b { color:#FF000;}
<p>P标签<b>xxx学院</b>段落样式</p>
<p>P标签段落</p> 

☆组合选择器 

对多个选择器进行相同样式的定义。例如，我们想对“div中的<b>标签”和“类名为cc”的区域设置相同的样式，则可以定义如下的组合选择器： 

.cc, div b{/*不同选择器之间用逗号分开*/
  background-color:#0000ff;
  color:#fff;
}