css样式的六种选择器

css常用的选择器有:
1.标签选择器:
标签选择器,这种选择器影响范围大,建议尽量应用在层级选择器中。
 
2.id选择器:
通过id名来选择元素,元素的id名称不能重复,所以一个样式设置项只能对应于页面上一个元素,不能复用,id名一般给程序使用,所以不推荐使用id作为选择器。
 
id是所有标签的属性,所有标签都有id属性,写代码时id的值是不允许重复的 
 
3.类选择器:(常用)
通过类名来选择元素,一个类可应用于多个元素,一个元素上也可以使用多个类,应用灵活,可复用,是css中应用最多的一种选择器。
 
4.层级选择器:
主要应用在选择父元素下的子元素,或者子元素下面的子元素,可与标签元素结合使用,减少命名,同时也可以通过层级,防止命名冲突。
 
层级选择器最好不要超过四层,否则会影响性能。
 
5.组选择器:
多个选择器,如果有同样的样式设置,可以使用组选择器。
 
(组选择器之间用逗号分隔;层级选择器之间用空格分隔)
 
6.伪类及伪元素选择器:
常用的伪类选择器有hover,表示鼠标悬浮在元素上时的状态,伪元素选择器有before和after,它们可以通过样式在元素中插入内容。
 
一般用在链接的响应

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h64951.shtml

张贴在3