CSS 都有哪些选择器?

##id选择器

##class选择器

##伪类选择器

a:link{

color:#999999;

}

a:visited{

color:#FFFF00;

}

a:hover{

color:#006600;

}

/* IE不支持,用Firefox浏览可以看到效果 */

input:focus{

background:# E0F1F5;

}

Link表示链接在没有被点击时的样式。Visited表示链接已经被访问时的样式。Hover表示当鼠标悬停在链接上面时的样式。

伪类不仅可以应用在链接标签中,也可以应用在一些表单元素中,但表单元素的应用IE不支持,所以一般伪类都只会被应用在链接的样式上。


##标签选择器

##后代选择器

如:

.father.child{

color:#0000CC;

}

这里我们定义了所有class属性为father的元素下面的class属性为child的颜色为蓝色。后代选择器是一种很有用的选择器,使用后代选择器可以更加精确的定位元素。

你可能感兴趣的:(CSS 都有哪些选择器?)