CSS选择器

CSS选择器（这里总结比较常见的7种）：

html标签选择器，id选择器，class选择器，派生选择器，伪类选择器，通配选择器，分组选择器

①  标签选择器：

例：p{

font-size:12px;

background:red;

}

 

②  id选择器:

例：#demoDiv{

color:#FF0000;

}

 

③  class选择器：

例：.demoDiv{

color:#FF0000;

}

 

④  派生选择器（利用元素之间的上下级关系）：

例：div p{

        color: red;

}

 

⑤  伪类选择器：有时候还会需要用文档以外的其他条件来应用元素的样式，比如鼠标悬停等。这时候我们就需要用到伪类了。以下是链接应用的伪类定义：

a:link{

color:#FF0000;    /*未访问的链接*/

}

 

a:visited{

color:#00FF00;    /*已访问的链接*/

}

 

a:hover{

color:#FF00FF;   /*鼠标移动到链接上*/

}

 

a:active{

color:#0000FF;    /*选定的链接*/

}

 

⑥  通配选择器：通用选择器用*来表示

例：*{

font-size: 12px;

}

表示所有的元素的字体大小都是12px。

 

⑦  分组选择器：当几个元素样式属性一样时，可以共同调用一个声明，元素之间用逗号分隔

例：p, td, li {

line-height:20px;

color:#c00;

}

 

其他选择器，以后碰到再加。