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({});