码迷,mamicode.com
首页 > Web开发 > 详细

css选择器分类

时间:2016-03-24 10:00:47      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:

css选择器大致可以分为10大类:

1、元素选择器 如:p{}

2、类选择器 如:.xx{}

3、ID选择器 如:#xx{}

4、关联选择器 如:p a{}

5、子元素选择器 如:p>a{}

6、相邻兄弟选择器 如:p+a{},匹配的是紧邻p元素后面的a元素

7、组合选择器 如:p,a{}

8、元素选择器 如:img[alt],匹配包含alt属性的img元素

9、伪类选择器 如:a:hover{}

技术分享

10、伪元素选择器

技术分享

 

伪元素和伪类之所以这么容易混淆,是因为他们的效果类似而且写法相仿,但实际上 css3 为了区分两者,已经明确规定了伪类用一个冒号来表示,而伪元素则用两个冒号来表示。

:Pseudo-classes
::Pseudo-elements

但因为兼容性的问题,所以现在大部分还是统一的单冒号,但是抛开兼容性的问题,我们在书写时应该尽可能养成好习惯,区分两者。

css选择器分类

标签:

原文地址:http://www.cnblogs.com/wujindong/p/5314057.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!