当前位置: 首页 > news >正文

HTML/CSS中交集选择器

1.作用:选中同时符合多个条件的元素

交集就是或的意思

2.语法:选择器1选择器2选择器3......选择器n{}
3.举例:
    /* 选中:类名为beauty的p元素,此种写法用的非常的多 */
    p.beauty
    {
        color: red;
    }
    /* 选中:类名包含rich和beauty的元素 */
    .rich.beauty
    {
        color: blue;
    }
4.注意:

1.有标签名,标签名必须写在前面

2.id选择器,理论上可以作为交集的条件,但是实际应用中几乎不用--因为没有意义

3.交集选择器中不可能出现两个元素选择器,因为一个元素,不可能即是p元素又是span元素

4.用的最多的交集选择器是:元素选择器配合类名选择器,例如:p.beauty

http://www.dtcms.com/a/26884.html

相关文章:

  • 前七章综合练习
  • 集合 数据结构 泛型
  • Element UI常用组件
  • 知识库-登陆接口
  • 《论语别裁》第01章 学而(03) 四书五经的假面目
  • 萌新学 Python 之 if 语句的三目运算符
  • SFT数据指令评估-2.基于困惑度的5种指标(微调白盒模型)
  • 一台服务器将docker image打包去另一天服务器安装这个镜像
  • 在 .NET 8/9 中使用 AppUser 进行 JWT 令牌身份验证
  • Web3.py 入门笔记
  • 避坑:过早的文件结束符(EOF):解决“git clone龙蜥OS源码失败”的失败过程
  • 面试编程题
  • 【DeepSeek问答】QProcess::start是异步的吗?会使UI卡顿吗?
  • Java锁代码解析
  • 迅为RK3568开发板篇Openharmony配置HDF控制UART-UART 接口运作机制
  • Solon —— 容器
  • 【R语言】绘图
  • V4L2驱动之UVC
  • 【LLAMA】羊驼从LLAMA1到LLAMA3梳理
  • C语言——时基
  • 广度优先搜索详解--BFS--蒟蒻的学习之路
  • 【哇! C++】类和对象(一)
  • ⭐ Unity 横向滑动列表 首尾相连 轮转图
  • 在Linux上安装和使用Docker
  • 嵌入式linux利用标准字符驱动模型控制多个设备方法
  • STM32 USB 设备的描述信息作用
  • 【ISO 14229-1:2023 UDS诊断(ECU复位0x11服务)测试用例CAPL代码全解析⑰】
  • git,gitea - tool - creat Gitea Empty Rep Dir
  • 【异常错误】pycharm debug view变量的时候显示不全,中间会以...显示
  • nginx负载均衡, 解决iphash不均衡的问题之consistent