群组选择器(',')

/* 表示既h1,又h2 */
h1, h2 {color: red;
}

后代选择器[空格]

/* 表示 h1 下面的所有 span 元素,不管是否以 h1 为直接父元素 */
h1 span {}

子代选择器>

<style>.abc>:nth-child(2){background-color:yellow;}
</style>/* 表示 h1 下面的所有以 h1 为直接父元素的 span 元素,注意必须以 h1 为直接父元素 */
h1 > span {}

相邻兄弟选择器('+')

选择紧接在另一个元素后的元素,而且二者有相同的父元素。

兄弟选择器('~')

选择在某元素之后的所有兄弟元素,不一定要紧跟在后面,但必须得是相同父元素,即必须是同一级元素。/* A之后的所有B元素,不一定要紧跟在A后面、相同父元素 */
A ~ B{}

CSS3中的群组选择器,后代选择器[空格]子元素选择器 >相邻兄弟选择器+兄弟选择器~相关推荐

  1. js将数组中一个或多个字段相同的子元素中合并

    最近js中遇到js将数组中一个或多个字段相同的子元素中合并,相信很多朋友也有遇到,大家可能有多种方法,我在这里记录一个相对简单的方法,当然大家如有其它更好的方法,请提出来大家共同学习. //将经济事项 ...

  2. CVPR 2020 中的群组活动识别

    前两天盘点了CVPR 2020 中动作相关的论文: CVPR 2020 论文大盘点-动作识别篇 CVPR 2020 论文大盘点-动作检测与动作分割篇 动作(Action)往往指个体的行为,而活动(Ac ...

  3. Unity中实现群组行为

    一:效果演示 不使用群组算法和使用群组算法的演示视频 二:什么是群组行为 群组行为属于人工智能思想,比如说人群走路.鸟群飞行.鱼群游动,群组中成员之间不应该很规律的运动,例如不能拥挤到一起,而是更加真 ...

  4. linux中的群组与权限

    使用者与群组 1.档案拥有者 初次接触linux的朋友会觉得很差异,怎么linux那么多的使用者,还分什么群组,有什么用?这个用户与群组的功能是相当的健全而又好用的以一个安全防护呢.怎么说呢,由于li ...

  5. 【算法30】从数组中选择k组长度为m的子数组,要求其和最小

    原题链接:codeforce 267 Div2 C 问题描述: 给定长度为n的数组a[],从中选择k个长度为m的子数组,要求和最大. 形式描述为:选择$k$个子数组[$l_1$, $r_1$], [$ ...

  6. 三分钟学会css3中的flexbox布局

    2019独角兽企业重金招聘Python工程师标准>>> 这篇文章里我们将学习CSS里flexbox布局的几个最重要的概念,通过学习flexbox布局,你会发现以往遇到的所有的关于布局 ...

  7. html5群组选择器,css选择器

    基本选择器 通配选择器 选择器:* 类型:通配选择器 含义:选择文档中所有的HTML元素 元素选择器 选择器:E 类型:元素选择器 含义:选择指定类型的HTML元素 ID选择器 选择器:#ID 类型: ...

  8. HTML CSS之复合选择器中的交集选择器、并集选择器、后代选择器、子元素选择器、相邻兄弟选择器、属性选择器

    复合选择器是通过基本选择器进行组合后构成的,常用的复合选择器有:交集选择器.并集选择器.后代选择器.子元素选择器.相邻兄弟选择器和属性选择器等. 交集选择器 交集选择器由两个选择器直接构成,其中第一个 ...

  9. html css子标签,HTML+CSS系列:CSS选择器(标签、ID、类、通配符、后代、子元素、并集、伪类)...

    一.标签选择器 Document h1 { color: red; } h2{ color: green; } Hello World! Hello World! Hello ! Hello ! 二. ...

最新文章

  1. 微软成功抵御峰值高达 2.4Tbps 的 DDoS 攻击
  2. 全面的GC原理及调优
  3. java计算器简单吗,java简单计算器
  4. oracle自动备份定时任务,Oracle数据库定时自动备份批处理代码(Windows)
  5. mysql的cpu高定位
  6. [转]Python中多线程与多进程中的数据共享问题!
  7. Caffe中merge卷积和bn层的原理
  8. Makefile 管理工具 — Automake and Autoconf
  9. 云电脑搭配量子计算机,量子计算机和量子模拟器
  10. Freebsd-9.0 how to change default sound device
  11. git学习笔记-(8-高层命令(2))
  12. solidworks工程图转PDF缺少arial字体
  13. 鼠标单击变双击问题排查
  14. 微信群总是有人发广告?我用Python写个机器人消灭他!
  15. 独立开发一款简单的安卓app
  16. 华三H3C交换机路由器如何配置dhcp中继(dhcp relay)
  17. Py正则表达式学习笔记:常用函数——单词检索、索引方法
  18. 如何使用 NoxPlayer 加速 Android 应用程序开发?
  19. Android BitmapShader实现圆形和圆角图片
  20. three.js物体移动以及相机的移动(位置以及旋转方位)

热门文章

  1. nexus-3.6.0-02-unix.tar.gz安装(Centos下),maven setting.xml配置案例,项目root的pom.xml配置,parent-pom的pom.xml配置案例
  2. sqlite3命令大全
  3. 分数换算小数补0法_分数怎么化成整数 分数转化方法
  4. Oracle游标有何用,Oracle游标使用方法有哪些?
  5. QT、QTE、qtopia区别
  6. jQuery |淡入淡出
  7. 智迪科技携手海通安恒,启动SAP实施项目
  8. 卡斯特罗的离去对古巴科技产业的未来有何影响?
  9. rop的noejs客户端
  10. 请看:我是如何在SQLServer中处理每天四亿三千万记录的