CSS3中的群组选择器,后代选择器[空格]子元素选择器 >相邻兄弟选择器+兄弟选择器~
群组选择器(',')
/* 表示既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中的群组选择器,后代选择器[空格]子元素选择器 >相邻兄弟选择器+兄弟选择器~相关推荐
- js将数组中一个或多个字段相同的子元素中合并
最近js中遇到js将数组中一个或多个字段相同的子元素中合并,相信很多朋友也有遇到,大家可能有多种方法,我在这里记录一个相对简单的方法,当然大家如有其它更好的方法,请提出来大家共同学习. //将经济事项 ...
- CVPR 2020 中的群组活动识别
前两天盘点了CVPR 2020 中动作相关的论文: CVPR 2020 论文大盘点-动作识别篇 CVPR 2020 论文大盘点-动作检测与动作分割篇 动作(Action)往往指个体的行为,而活动(Ac ...
- Unity中实现群组行为
一:效果演示 不使用群组算法和使用群组算法的演示视频 二:什么是群组行为 群组行为属于人工智能思想,比如说人群走路.鸟群飞行.鱼群游动,群组中成员之间不应该很规律的运动,例如不能拥挤到一起,而是更加真 ...
- linux中的群组与权限
使用者与群组 1.档案拥有者 初次接触linux的朋友会觉得很差异,怎么linux那么多的使用者,还分什么群组,有什么用?这个用户与群组的功能是相当的健全而又好用的以一个安全防护呢.怎么说呢,由于li ...
- 【算法30】从数组中选择k组长度为m的子数组,要求其和最小
原题链接:codeforce 267 Div2 C 问题描述: 给定长度为n的数组a[],从中选择k个长度为m的子数组,要求和最大. 形式描述为:选择$k$个子数组[$l_1$, $r_1$], [$ ...
- 三分钟学会css3中的flexbox布局
2019独角兽企业重金招聘Python工程师标准>>> 这篇文章里我们将学习CSS里flexbox布局的几个最重要的概念,通过学习flexbox布局,你会发现以往遇到的所有的关于布局 ...
- html5群组选择器,css选择器
基本选择器 通配选择器 选择器:* 类型:通配选择器 含义:选择文档中所有的HTML元素 元素选择器 选择器:E 类型:元素选择器 含义:选择指定类型的HTML元素 ID选择器 选择器:#ID 类型: ...
- HTML CSS之复合选择器中的交集选择器、并集选择器、后代选择器、子元素选择器、相邻兄弟选择器、属性选择器
复合选择器是通过基本选择器进行组合后构成的,常用的复合选择器有:交集选择器.并集选择器.后代选择器.子元素选择器.相邻兄弟选择器和属性选择器等. 交集选择器 交集选择器由两个选择器直接构成,其中第一个 ...
- html css子标签,HTML+CSS系列:CSS选择器(标签、ID、类、通配符、后代、子元素、并集、伪类)...
一.标签选择器 Document h1 { color: red; } h2{ color: green; } Hello World! Hello World! Hello ! Hello ! 二. ...
最新文章
- 微软成功抵御峰值高达 2.4Tbps 的 DDoS 攻击
- 全面的GC原理及调优
- java计算器简单吗,java简单计算器
- oracle自动备份定时任务,Oracle数据库定时自动备份批处理代码(Windows)
- mysql的cpu高定位
- [转]Python中多线程与多进程中的数据共享问题!
- Caffe中merge卷积和bn层的原理
- Makefile 管理工具 — Automake and Autoconf
- 云电脑搭配量子计算机,量子计算机和量子模拟器
- Freebsd-9.0 how to change default sound device
- git学习笔记-(8-高层命令(2))
- solidworks工程图转PDF缺少arial字体
- 鼠标单击变双击问题排查
- 微信群总是有人发广告?我用Python写个机器人消灭他!
- 独立开发一款简单的安卓app
- 华三H3C交换机路由器如何配置dhcp中继(dhcp relay)
- Py正则表达式学习笔记:常用函数——单词检索、索引方法
- 如何使用 NoxPlayer 加速 Android 应用程序开发?
- Android BitmapShader实现圆形和圆角图片
- three.js物体移动以及相机的移动(位置以及旋转方位)
热门文章
- nexus-3.6.0-02-unix.tar.gz安装(Centos下),maven setting.xml配置案例,项目root的pom.xml配置,parent-pom的pom.xml配置案例
- sqlite3命令大全
- 分数换算小数补0法_分数怎么化成整数 分数转化方法
- Oracle游标有何用,Oracle游标使用方法有哪些?
- QT、QTE、qtopia区别
- jQuery |淡入淡出
- 智迪科技携手海通安恒,启动SAP实施项目
- 卡斯特罗的离去对古巴科技产业的未来有何影响?
- rop的noejs客户端
- 请看:我是如何在SQLServer中处理每天四亿三千万记录的