~(波浪号)

~(波浪号):A ~ B表示选择A标签后的所有B标签,但是A和B标签必须有相同的父元素。

h3~h5{

color: red;

}

我是第1行

我是第2行

我是第3行

我是测试行

我是第6行

我是测试行

我是第4行

我是第5行

h3~h5.png

h3~h5选择前面有

元素的每个

元素,即选择h3之后出现的所有h5,两种元素必须拥有相同的父元素,但h5不必紧随h3。

说明:这里的h5,h3也可以换成实际项目中的其他标签的类名、标签名或id等。

+(加号)

~(加号)加号又被称作兄弟选择器。A+B表示选择紧邻在A后面的B元素,且A和B必须拥有相同的父元素,所选到的仅为一个B元素标签。

h3+h5{

color: red;

}

我是第1行

我是第2行

我是第3行

我是测试行

我是第6行

我是测试行

我是第4行

我是第5行

h3+h5.png

>(大于号)

大于号表示某个元素的下一代元素。A>B指选择A元素里面的B元素,其中B元素是A元素的第一代。

.myDiv>h3{

color: red;

}

我是第1行

我是第2行

我是测试行

我也是测试行

我是第4行

我是第5行

.myDiv>h3选择类名名为myDiv里面的第一代h3。

myClass》h3.png

css 大于号 标签_css选择器 ~ (波浪号)、+(加号)、(大于号)的用法解析和举例...相关推荐

  1. 前端 CSS:锚伪类选择器:hover,:active,:visited;等用法总结

    前端 CSS:锚伪类选择器:hover,:active,:visited;等用法总结 锚伪类选择器:hover,:active,:visited;等用法总结 一.什么是锚伪类 在支持 CSS 的浏览器 ...

  2. css 大于号 标签_CSS设计基础选择器篇

    点击上方 Java项目学习 ,选择 星标 公众号 重磅资讯.干货,第一时间送达 前言:如果将CSS样式应用于特定的网页对象上,需要先找到目标元素.在CSS样式中执行这一任务的部分被称为选择器. 1 标 ...

  3. css选择器 ~ (波浪号)、+(加号)、>(大于号)的用法解析和举例

    ~(波浪号) ~(波浪号):A ~ B表示选择A标签后的所有B标签,但是A和B标签必须有相同的父元素. <style>h3~h5{color: red;} </style>&l ...

  4. html大于号是什么选择器,什么是“”(大于号)CSS选择器是什么意思?什么是“”(大于号)CSS选择器是什么意...

    例如: div > p.some_class { /* Some declarations */ } 究竟是什么的>符号是什么意思? Answer 1: >是子组合子 ,有时被误称为 ...

  5. css常用单位px、em、 rem 区别与各自的用法解析

    我们在布局页面中,总要用到一些有关字体,元素宽度,高度等长度单位,一般pc端常用到像素单位,移动端用em,rem 单位,它们都有各自的特点,今天总结一下它们的特点.区别 px是Pixel的缩写,也就是 ...

  6. 【Css】css中class之间>(大于号)、~(波浪号)、 (空格)、,(逗号)、+(加号)详解(转载,笔记用)

    css中">"(大于号)."~"(波浪号)." "(空格).","(逗号)."+"(加号)详解 ...

  7. css 大于号 标签_web前端教程之怎样学好css?

    web前端教程之怎样学好css?我推荐题主的学习方法就是:善用调试工具. 使用谷歌浏览器进行调试,在属性不理解时可以直接在浏览器里进行数值调节 css在书写时由于选择器权重问题经常出现样式覆盖的问题 ...

  8. 前端1-----CSS层叠样式表了解,css的引入方式,三大选择器(标签,类,id),高级选择器...

    前端1-----CSS层叠样式表了解,css的引入方式,三大选择器(标签,类,id),高级选择器 一丶CSS简介 叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTM ...

  9. 用css画出一个圆圈,里面有个叉号(不能用英文字母x)

    用css画出一个圆圈,里面有个叉号(不能用英文字母x) #cyc {width: 150px;height: 150px;margin: 100px auto;border-radius: 50%;b ...

  10. css层叠引入方式有,前端1-----CSS层叠样式表了解,css的引入方式,三大选择器(标签,类,id),高级选择器...

    前端1-----CSS层叠样式表了解,css的引入方式,三大选择器(标签,类,id),高级选择器 一丶CSS简介 叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTM ...

最新文章

  1. 实时数据库领域中有关数据压缩的认识误区
  2. Data Lake Analytics: 读/写PolarDB的数据
  3. 百度 Serverless 架构揭秘与应用实践
  4. 如何在 C# 中使用 const,readonly,static
  5. Jquery mobile 新手问题总汇
  6. rust异步之async、await、future
  7. 常用的php类、方法、函数 注释标记
  8. secureCRT下载地址,亲测有效
  9. Excel进行灵敏度分析
  10. 使用超临界二氧化碳的晶圆清洗技术
  11. axure中继器求和_中继器使用场景(二):购物车金额实时求和
  12. MyBatis crud练习
  13. 墨刀右键菜单被浏览器右键菜单遮挡导致墨刀右键菜单无法使用
  14. iPadmini能运行c语言吗,一个移动固态硬盘,可以给iPad Pro2020和iPad Mini用是什么体验?...
  15. AWS入门 – 开通海外账户及巧用免费套餐
  16. 采用morison方程基于matlab计算大直径波浪力,用Morison方程计算分析悬浮隧道所受波浪力初探...
  17. 2019年安徽省大学生网络攻防赛赛前培训——Day1
  18. Win10 下报错 WerFault.exe -解决方法亲测有效
  19. 绝地求生手游电脑版连接服务器没有响应,绝地求生电脑版进去为什么连接失败 | 手游网游页游攻略大全...
  20. 史上最简单的Spring Security教程(二十八):CA登录与默认用户名密码登录共存详细实现及配置

热门文章

  1. 给读医大的老铁选购电脑
  2. 如何当好一个师长之软件开发篇
  3. 保镖机器人作文_【保镖的作文】_玛雅作文网
  4. zookeeper之ZkClient使用,java电子书阅读器开发
  5. Android TV真机测试
  6. 迷惘一代、沉默一代、X世代、Z世代……美国的几代人
  7. CMS采集插件-CMS自动采集插件免费
  8. 古诗文登录验证码识别及登录
  9. 【与时俱进,智慧社区应运而生】
  10. QQ服务器Ip用于文件传输,QQ文件传输协议