首页 > 其他分享 >可用的选择器

可用的选择器

时间:2024-08-30 19:52:10浏览次数:18  
标签:可用 元素 希望 选中 键值 选择器 属性

选择器类别

选择器用于选择要描述的那个元素,可以理解为 HTML 元素在 CSS 中的呈现

其类型可以分为

  • 全局选择器
  • 类别选择器
  • 关系选择器

类别选择器包括

  • 元素选择器
  • 伪元素选择器
  • 属性选择器
  • 类选择器
  • 伪类选择器
  • 编号选择器

关系选择器包括

  • 样式相同选择器
  • 后代选择器
  • 子代选择器
  • 邻接兄弟选择器
  • 通用兄弟选择器

全局选择器

  • 希望选中文档中全部的元素
  • 或父元素中全部的元素

各类别选择器的功能

元素选择器

  • 希望选中 使用这个名字 的元素

伪元素选择器

  • 根据 某部分 在这个元素中的位置将其选择

属性选择器

  • 根据 属性 选择元素

类选择器

  • 希望选中 带有这个类属性 的元素

伪类选择器

  • 根据 元素在父元素中的位置 选择元素,或
  • 根据 元素所处的特定状态 选择元素

编号选择器

  • 希望选中 带有这个编号属性 的元素

部分类别选择器的细节

伪元素选择器

  • 它选中的是 某部分,而不是元素
  • 其实它最终将这部分看成了一个元素
  • 因为选择器只能用于选择元素
  • 另外,伪元素对于一些屏幕阅读器来说,是不可见的

属性选择器

  • 不止一种
  • 并且,属性值要区分大小写

伪类选择器

  • 可以根据 元素所处的特定状态 选择元素
  • 这个特定状态可能是元素 原来就有 的,也可能是 后来才有
  • 总之,不是一直存在的

各种属性选择器

  • 属性值开始选择器
  • 属性值结束选择器
  • 属性值内含选择器
  • 属性具化选择器
  • 属性键值对选择器
  • 属性键值对存在选择器
  • 属性键值对细化选择器

各种属性选择器的解释

属性值开始选择器

  • 希望在带有同一个属性的元素中,选中 属性值以此值开始 的元素

属性值结束选择器

  • 希望在带有同一个属性的元素中,选中 属性值以此值结束 的元素

属性值内含选择器

  • 希望在拥有同一个属性的元素中,选中 属性值中包含这部分字符的元素

属性具化选择器

  • 希望选中 带有这个属性 的元素

属性键值对选择器

  • 希望选中 使用这个属性键值对 的元素

属性键值对存在选择器

  • 希望选中 使用这个属性键值对,或在这个属性名的属性值中,存在这个属性值 的元素,看似是一对多的关系,实际仍是一对一的关系

属性键值对细化选择器

  • 希望选中 使用这个属性键值对,或这个属性名的属性值为这个属性值细化产物 的元素

关系选择器的解释

样式相同选择器

  • 不同的元素具有相同的样式时,可以将代表不同元素的选择器写在一起,彼此用逗号相隔
  • 此时,任何一个选择器不能被解析,都会导致这条样式被忽略

后代选择器

  • 希望选中某个元素的后代时,将彼此用空格连接

子代选择器

  • 希望选中某个元素的直接子元素时,将彼此用大于号连接

邻接兄弟选择器

  • 希望选中某个元素的兄弟元素时,将彼此用波浪线连接

通用兄弟选择器

  • 希望选中某个元素的下一个兄弟元素时,将彼此用加号连接

既又选择器

  • 希望在某一类元素之中选中一个元素时,将彼此连写

标签:可用,元素,希望,选中,键值,选择器,属性
From: https://blog.csdn.net/m0_71598716/article/details/141702785

相关文章

  • Redis高可用方案:使用Keepalived实现主备双活oZ
    注意:请确保已经安装Redis和keepalived,本文不在介绍如何安装。1、使用版本说明Redis版本:5.0.2Keepalived版本:1.3.5Linux版本:Centos7.9查看Redis版本:/usr/local/redis/bin/redis-cli-v查看Keepalived版本信息:rpm-qa|grepkeepalived或者keepalived-v2、功能实......
  • 【案例分享】如何利用京东云建设高可用业务架构
    本文以2022年一个实际项目为基础,来演示在京东云上构建高可用业务的整个过程。公有云及私有云客户可通过使用京东云的弹性IAAS、PAAS服务,创建高可用、高弹性、高可扩展、高安全的云上业务环境,提升业务SLA,提升运维自动化水平,降低资源成本及运维成本。有业务迁移上云需求,希望构建云......
  • 【案例分享】如何利用京东云建设高可用业务架构
    本文以2022年一个实际项目为基础,来演示在京东云上构建高可用业务的整个过程。公有云及私有云客户可通过使用京东云的弹性IAAS、PAAS服务,创建高可用、高弹性、高可扩展、高安全的云上业务环境,提升业务SLA,提升运维自动化水平,降低资源成本及运维成本。有业务迁移上云需求,希望构建云上......
  • Linux 高可用仲裁设备配置
    RedHatEnterpriseLinux7.4完全支持配置作为集群的第三方设备的独立仲裁设备。它的主要用途是允许集群保持比标准仲裁规则允许更多的节点故障。建议在具有偶数节点的集群中使用仲裁设备。对于双节点群集,使用仲裁设备可以更好地决定在脑裂情况下保留哪些节点。在配置仲裁设备,......
  • Redis高可用方案:使用Keepalived实现主备双活
    注意:请确保已经安装Redis和keepalived,本文不在介绍如何安装。1、使用版本说明Redis版本:5.0.2Keepalived版本:1.3.5Linux版本:Centos7.9查看Redis版本:/usr/local/redis/bin/redis-cli-v查看Keepalived版本信息:rpm-qa|grepkeepalived或者keepalived-v2、功能实......
  • RabbitMQ 集群与高可用性
    目录单节点与集群部署1.1.单节点部署1.2.集群部署 镜像队列1.定义与工作原理2.配置镜像队列3.应用场景4.优缺点5.Java示例分布式部署1.分布式部署的主要目标2.典型架构设计3.RabbitMQ分布式部署的关键技术4.部署策略和实践5.分布式部署的挑战和解......
  • pg14+etcd+Patroni 高可用配置流程
    pg14+etcd+Patroni高可用配置流程目录pg14+etcd+Patroni高可用配置流程基础配置IP规划:修改超级用户密码:在主库上创建流复制用户修改pg_hba文件备库重新创建数据目录:开启watchdog创建.pgpass生成备库在备库修改同步信息备库查看主库查看同步信息安装etcd下载etcd安装包:创建et......
  • Redis高可用方案:使用Keepalived实现主备双活
    注意:请确保已经安装Redis和keepalived,本文不在介绍如何安装。1、使用版本说明Redis版本:5.0.2Keepalived版本:1.3.5Linux版本:Centos7.9查看Redis版本:/usr/local/redis/bin/redis-cli-v查看Keepalived版本信息:rpm-qa|grepkeepalived或者keepalived-v2、功能实现......
  • k8S 高可用部署,超详细
    ......
  • openGauss-主备高可用能力增强
    openGauss-主备高可用能力增强可获得性本特性自openGauss5.1.0版本开始引入。特性简介针对备机异常的场景,优化主机的业务在最大可用模式下不阻塞,并且表的垃圾回收不受影响。客户价值当同步备机异常时,例如磁盘故障,导致备机长时间阻塞在写盘上,而主机的synchronous_commit设......