博客
关于我
重学CSS-02-选择器
阅读量:615 次
发布时间:2019-03-13

本文共 641 字,大约阅读时间需要 2 分钟。

  • 标签选择器标签选择器也称为元素选择器或 class 调用,它直接使用元素的标签名作为选择器,将选择页面上所有该标签的元素。标签选择器具有广泛的覆盖面,因此主要用于标签的初始化操作。它可以选择页面上所有指定标签的元素,无论这些标签的深度或位置。

  • ID 选择器可辨识性 ID 是一个元素的唯一标识符,可以通过 # 以前缀选择指定 ID 的标签。ID 的命名规则为字母、数字、下划线或短横线组成,且不能以数字开头,通常使用小写字母。同一页面上,不能有相同的 ID,确保选择的唯一性。

  • Class 选择器class 属性表示类名,可以通过 . 前缀选择指定类名的标签。类名规则与 ID 类似,可以使用多个标签共享相同类名,或者在同一标签上添加多个类名(类名之间用空格分隔)。

  • 原子类使用原子类为元素赋予通用样式。如在网页项目初期设置字号、颜色、行距等常用属性可以作为原子类,确保快速应用。

  • CSS3 新增选择器

    • 后代选择器:空格表示层级关系,例如 h1 .sub 可以选择 h1 标签下的 .sub 类元素。
    • 并集选择器:逗号表示组合选择多个元素如 a, .bx 可访问 a 标签或 .bx 类元素。
    • 伪类:用于描述元素的特殊状态,如链接中的 hover、visited 等。
    1. 层叠性与权重层叠性是 CSS 样式表的重要特性,多个选择器可同时作用,按权重规则处理冲突:ID > class > 标签。
    2. 重要提示:在样式表中使用 !important 常会提升优先级,但不推荐滥用以避免冲突。

    转载地址:http://hzdaz.baihongyu.com/

    你可能感兴趣的文章
    Python在def函数中使用for循环
    查看>>
    Python在def函数中使用for循环
    查看>>
    Python在Conda环境中,但在Windows虚拟环境中没有激活
    查看>>
    python系列【仅供参考】:python pip 错误 ModuleNotFoundError: No module named pip._internal 解决办法
    查看>>
    python图像条状状噪声,使用PYTHON PIL从验证码图像中删除背景嘈杂的线条
    查看>>
    Python图像处理:从内存加载jpeg
    查看>>
    python固定后缀(名物化词汇)词频统计:抽取+统计+可视化
    查看>>
    python商品评论数据采集与分析可视化系统 Flask框架 requests爬虫 NLP情感分析 毕业设计 源码
    查看>>
    python商品数据分析可视化系统(带爬虫)京东销售数据分析 计算机毕业设计 源码下载
    查看>>
    python商品库存管理系统 django框架 商品网站 MySQL数据库 源码下载 计算机毕业设计
    查看>>
    Python哪个版本最稳定好用2023.10.19
    查看>>
    Python和黑客技术的渊源
    查看>>
    Python和RF编写接口自动化
    查看>>
    Python和RF编写web自动化
    查看>>
    python和js哪个难_【Python】记一次学习,Python 与 js 在实现闭包时的差异
    查看>>
    python和java哪个更值得学——来自知乎高赞回答
    查看>>
    python和c混合编程 github_在pycharm中使用git版本管理以及同步github的方法
    查看>>
    python命名空间更改_Python模块xml.etree.ElementTree自动修改xml命名空间键
    查看>>
    Python命名中尾随下划线有什么好处?
    查看>>
    Python启动脚本
    查看>>