CSS选择器常见的有哪几种

这篇文章将为大家详细讲解有关CSS选择器常见的有哪几种，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

css中选择器有：1、简单选择器；2、属性选择器；3、组合选择器；4、伪类选择器；5、伪元素选择器；6、多重选择器。

本文操作环境：windows7系统、CSS3版、Dell G3电脑。

CSS选择器常见的有哪几种?

一、简单选择器 Simple Selectors

二、属性选择器 Attribute Selectors

三、组合选择器 Combinators

四、伪类 Pseudo-classes

五、伪元素 Pseudo-elements

六、多重选择器  Multiple Selectors

在HTML中，我们有时会对同一个标签赋予多个class名称，如：

<p class="one two"></p>

而在CSS里面则可能同时选择多个class，像是：

.one .two{}    
.one.two{}     
.one, .two{}   

这三者 one.two{ }，.one .two{ }，或者是.one, .two{ }有何区别？

• 第一个的 one 和 two 中间包含空格，意思是指，我必须要是在 one 裡面的 two，才会被选择到。

• 第二个的 one 和 two 中间没有包含空格，表示某个区块必须同时具有 one 和 two 的 class 时，才能被 CSS 所选择到到。

• 第三个的 one 和 two 中间包含逗号，意思是指 class 中有 one 或 two，都会被编辑器所选择到。

简单来说，没空格表示必须同时包含才会被选取；有空格表示后面的 class 被镶嵌在前面的 class 中才会被选取；逗号则表示只要有其中一个 class 就会被选取到 。

关于“CSS选择器常见的有哪几种”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。