当前位置: 首页 > 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

相关文章:

  • 前七章综合练习
  • 集合 数据结构 泛型
  • 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语言——时基
  • 陕西宁强县委书记李宽任汉中市副市长
  • 重庆市委原常委、政法委原书记陆克华被决定逮捕
  • 王毅谈中拉论坛第四届部长级会议重要共识
  • 人民币对美元即期汇率盘中创半年新高,离岸市场升破7.2
  • 俄总统新闻秘书:普京提议谈判表明俄寻求和平解决方案意愿
  • 秦洪看盘|交易型资金收缩,释放短线压力