CSS3选择器整理

本文介绍了CSS3选择器的使用,包括通用选择器、子元素选择器、相邻兄弟选择器、伪元素和伪类选择器,以及CSS3新增的结构选择器和属性选择器。通过实例展示了如何选择并操作特定元素,如 nth-child()、:hover、:checked 等,帮助理解CSS3选择器的工作原理和优先级。
摘要由CSDN通过智能技术生成

在讲述css3选择器之前,我们先来大概的了解一下css3的发展史,这样大家就知道所谓的css3到底是什么了。
HTML的诞生于20世纪90年代初,1996年底,CSS第一版诞生,1998年5月,CSS2正式发布,2004年,CSS2.1发布,2002-2010年,陆续发布部分css3新增属性。CSS1 中定义了网页的基本属性:字体、颜色、基本选择器等。
CSS2中在CSS1的基础上添加了高级功能,浮动和定位、高级选择器等(子选择器、相邻选择器、通用选择器。
CSS3遵循的是模块化开发。发布时间并不是一个时间点,而是一个时间段。
CSS是用于网页设计可用的最强大的工具之一。使用它我们可以在几分钟内改变一个网站的界面,而不用改变页面的标签。在深入研究CSS选择器之前,我们应该先搞懂CSS优先级是如何工作的。比如给一个p标签增加一个类(class),可是执行后该class中的有些属性并没有起作用。通过Firebug查看,发现没有起作用的属性被覆盖了。这个时候CSS选择器优先级的问题了。

一、css选择器回顾:
1(1)通用选择器:* 选择到所有的元素;
2(2)选择子元素:> 选择到元素的直接后代
3(3)相邻兄弟选择器:+ 选择到紧随目标元素后的第一个元素
4(3)普通兄弟选择器:~ 选择到紧随其后的所有兄弟元素
5(4)伪元素选择器:
6::first-line 匹配文本块的首行
7::first-letter 选择文本块的首字母
8(5)伪类选择器:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值