分享CSS 选择器的种类有哪些怎么用

pantuomenn

CSS选择器的种类有哪些怎么用CSS选择器的种类有标签选择器、类选择器、层级选择器(后代选择器)、选择器、组选择器、伪类选择器，作为程序员应该具备根据不同的场景选择适合的CSS选择器。[url=http:///www.heikw.cn/]爱站云[/url]的相关资讯可以到我们网站了解一下，从专业角度出发为您解答相关问题，给您优质的服务！[align=center]

                               
登录/注册后可看大图

[/align]







CSS选择器学习目标：熟悉掌握CSS选择器的种类。



1、CSS选择器是什么



CSS选择器是用来选择标签的，选出来以后给标签加样式。



2、CSS选择器的种类有哪些



六种CSS选择器：标签选择器、类选择器、层级选择器(后代选择器)、选择器、组选择器、伪类选择器



、标签选择器



根据标签来选择标签，以标签开头此种选择器影响范围大一般用来做一些通用设置。



标签选择器示例代码：







4、类选择器



根据类来选择标签，以开头,一个类选择器可应用于多个标签上，一个标签上也可以使用多个类选择器，多个类选择器需要使用空格分割，应用灵活，可复用，是CSS中应用最多的一种选择器。



类选择器示例代码：







5、层级选择器(后代选择器)



根据层级关系选择后代标签，以选择器1选择器2开头，主要应用在标签嵌套的结构中减少命。



层级选择器示例代码：







注意点:这个层级关系不一定是父子关系，也有可能是祖孙关系，只要有后代关系都适用于这个层级选择器



6、选择器



根据选择标签，以#开头,元素的称不能重复，所以选择器只能对应于页面上一个元素，不能复用，一般给程序使用，所以不推荐使用作为选择器。



选择器示例代码：







注意点:虽然给其它标签设置=也可以设置样式，但是不推荐这样做，因为是唯一的，以后通过只能获取一个唯一的标签对象。



7、组选择器



根据组合的选择器选择不同的标签，以,分割开,如果有公共的样式设置，可以使用组选择器。



组选择器示例代码：







8、伪类选择器



用于向选择器添加特殊的效果,以:分割开,当用户和交互的时候改变显示效果可以使用伪类选择器



伪类选择器示例代码：







CSS选择器总结：CSS选择器就是用来选择标签设置样式的；常用的CSS选择器有六种分别是:标签选择器、类选择器、层级选择器(后代选择器)、选择器、组选择器、伪类选择器。