CSS选择器参考手册

作者 : 去看你博客 本文共893个字,预计阅读时间需要3分钟 发布时间: 2019-10-13 共270人阅读

CSS选择器:就是指定CSS要作用的标签,那个标签的名称就是选择器。意为:选择哪个容器。

CSS的选择器分为两大类:基本选择题和扩展选择器。

基本选择器:

  • 标签选择器
  • 类选择器
  • ID选择器
  • 全局选择器
  • 群组选择器
  • 后代选择器

标签选择器

标签选择器,选择的是页面上所有这种类型的标签,所以经常描述“共性”,无法描述某一个元素的“个性”。

举例以HTML标签作为选择器:

标签选择器
标签选择器

类选择器

规定用圆点.来定义,针对你想要的所有标签使用。优点:灵活。

可对不同类型元素的同一个名称的类选择器设置不同的样式规则:

类选择器
类选择器

同一个元素可以设置多个类,之间有空格隔开:

类选择器多标签
类选择器多标签

ID选择器

为HTML标签添加ID属性:

id选择器
id选择器

通过ID选择器来为具有此ID的元素设置CSS规则:

id选择器规则
id选择器规则

全局选择器

所有标签设置样式:

全局选择器
全局选择器

后代选择器

使用后代选择器设置,之间用空格隔开:

后代选择器
后代选择器

总结

这里博主只是将这些选择器的规则进行记录,详细的使用方法请自行百度。

1. 本站付费资源来源于网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
去看你博客 » CSS选择器参考手册

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
评论后隐藏内容依旧不可见怎么办?
首次在本站评论需要经过审核通过后才可显示,为了您的评论能尽快通过审核请勿恶意评论,评论通过后会在第一时间通过邮件的方式发送到您在本站的注册邮箱内!
下载后无法正常运行如何提供售后支持?
每一个程序都经过严格的测试后发布上线,99%的问题都是安装方法错误或环境缺少扩展导致。普通用户不提供技术售后(可进行留言,我们收到之后尽可能去解答,但不保证马上解决),会员用户可随时随地享受优质的售后技术支持与问题解答。更多说明请参考 VIP介绍。

发表评论