CSS交集选择器

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

交集选择器有并且的含义通俗理解就是(即......又......), 举例: 小王年轻且长得帅

语法: 选择器1选择器2选择器3...(紧紧挨在一起)

举例:

复制代码
/*  标签配合类选择器使用,h1为标签 .fruit为类选择器 */
h1.fruit {
   color: red;
}

/*  多个类选择器使用 */
 .fruit.apple {
    color: green;
 }
复制代码

注意:

  1. 有标签名,标签名必须写在前面
  2. id选择器可以作为交集选择器中的条件,但是不推荐这么使用,多此一举
  3. 交集选择器中不能出现两个标签选择,因为不可能即是p标签又是span标签
posted @   WangzaiTing  阅读(170)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示