CSS当中的选择器

上一节我们提到css的其中一个优点就是能够精确的定位到每一个标签并对其施加样式，这并不是吹的。下面我们来看一下CSS当中的选择器。

先看看是三种的基本选择器：

    （1）HTML选择器：（标签选择器）

          通过标签的名称直接定位到某个标签。 

        <style type="text/css">

      div{
               //样式信息

      }

         </style>

      （2）class类选择。 绝大部分标签都有一个属性，class属性。 

           calss的属性值： 可以重复的。 

        <style type="text/css">

                 .class的值{
 
     //样式信息  
         }
         </style>

（3）大部分标签都具备id属性。 id的值理论上应该唯一的。

          <style type="text/css">

         #id的值{
                 //样式信息

         }

            </style>

这三种基本选择器的优先级：id选择器> 类选择器> 标签选择器

我们再看看其他的选择器：

        父子选择器：父标签 > 子标签{

}

祖先后代选择器： 父标签 子标签｛｝

组合选择器：选择器之间用逗号隔开

属性选择器：
div[id]{ 给所有具有id属性的施加样式
color:orange;
}
. div[id*="xx"]{ 给具有id属性并且包含xx的属性值施加样式
color:pink;
}
div[id^="xx"]{ 给具有id属性并且以xx开头的属性值施加样式
color:blue;
}
div[id="xx"]{ 给具有id属性值并且属性值为xx施加样式
color:lime;
}

       伪类选择器：针对超链接
页面刷新的默认状态。
a:link{
color:cyan;
font-size:30px;
}
鼠标的悬浮状态
a:hover{
color:blue;
font-size:40px;
cursor:wait;
}
鼠标的激活状态(点击时的状态)
a:active{
color:pink;
font-size:50px;
}
访问后的状态
a:visited{
color:black;
}

    在一个网站中，这些选择器都是一起给文本施加样式，所以才展现出丰富多彩的网页。

    在下一节当中我们来看看css的常用属性吧