css选择器分类

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

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

转载于:https://www.cnblogs.com/wujindong/p/5314057.html

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
相关推荐
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值