[关闭]
@hudaren 2018-08-01T13:50:19.000000Z 字数 425 阅读 479

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不支持,所以一般伪类都只会被应用在链接的样式上。

标签选择器

后代选择器

如:

<style>.father.child{color:#0000CC;}</style>

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

添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注