css中选择器有:1、简单选择器;2、属性选择器;3、组合选择器;4、伪类选择器;5、伪元素选择器;6、多重选择器。 本文操作环境:windows7系统、CSS3版、Dell G3电脑。 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{} /*两个 class 中有空格*/ .one.two{} /*两个 class 中沒有空格*/ .one, .two{} /*两个 class 中出现逗号*/这三者
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视频教程》】
以上就是css里面有哪些选择器的详细内容,更多请关注自由互联其它相关文章!