您的位置:首页 > Web前端 > CSS

CSS选择器

2016-03-08 10:23 2311 查看

    CSS选择器的重要性不言而喻。可以说没有选择器就没有CSS。选择器大概可以分为下面几个类别:元素选择器,复合选择器,属性选择器,伪元素选择器,伪类选择器,nth-child选择器和nth-of-type选择器。

    选择器的基本格式如下,是以键值对的形式存在的,不同属性间用分号隔开。

元素选择器

    元素选择器根据选择的属性不同又可以有不同的分类。需要注意的是,每个元素只有唯一的一个id属性,而可以拥有多个类属性,不同的类属性值间用空格隔开即可。

复合选择器

    复合选择器多出现在没有定义id或class属性,同时页面中又有多个相同元素的元素上。如果元素有id或class属性,就不需要使用复合选择器了,直接使用元素选择器就好

属性选择器

    属性选择器是根据元素的属性来选择特定的元素的。

伪元素选择器

    

伪类选择器

nth-child选择器

    nth-child选择器属于伪类选择器

nth-of-type选择器。

    nth-of-type选择器也是属于伪类选择器

(adsbygoogle = window.adsbygoogle || []).push({});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  CSS 标签选择器