- 所在位置：
- 首页 >
- 编程技术 >
- CSS/HTML >
- CSS中普通兄弟选择器是什么，怎么写
CSS中普通兄弟选择器是什么，怎么写
Admin 2022-07-29 群英技术资讯 847 次浏览
这篇文章主要介绍“CSS中普通兄弟选择器是什么，怎么写”的相关知识，下面会通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“CSS中普通兄弟选择器是什么，怎么写”文章能帮助大家解决问题。1、CSS普通兄弟选择器是指所有连接到另一个元素的元素，两者都有相同的父元素。
2、普通兄弟选择器使用波浪号(~)作为普通兄弟的结合符。
实例
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>普通兄弟选择器</title> <style> .ancestor { width: 500px; height: 300px; } .parent { width: 300px; height: 200px; } .child { width: 200px; height: 100px; } /* 定位的是 .child1 的后面兄弟为 div 的元素 */ .child1~div { background-color: lightcoral; } </style> </head> <body> <div> this is ancestor. <div> this is parent. <div>this is child0.</div> <div>this is child1.</div> <div>this is child2.</div> <div>this is child3.</div> </div> </div> </body> </html>
感谢各位的阅读，以上就是“CSS中普通兄弟选择器是什么，怎么写”的内容了，经过本文的学习后，相信大家对CSS中普通兄弟选择器是什么，怎么写都有更深刻的体会了吧。这里是群英网络，小编将为大家推送更多相关知识点的文章，欢迎关注！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
猜你喜欢
-
HTML中如何实现容器充满屏幕，方法是什么
这篇文章主要介绍了Html5让容器充满屏幕高度或自适应剩余高度的布局实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
-
HTML元素基本标签包括哪些，功能及用法是什么
HTML元素基本标签包括哪些，功能及用法是什么
-
用CSS3如何写一个LED数字时钟效果
这篇文章主要介绍了css3一个简易的 LED 数字时钟实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
-
css遮罩层镂空效果怎样做？教你四种方法
css遮罩层镂空效果怎样做？css遮罩层镂空效果是比较常用的，能应用的场景有很多，而实现css遮罩层镂空效果的方法也有很多，接下来给大家分享四种方法，需要的朋友可以参考。
-
css中的@是什么意思？如何使用?
css中的@是什么意思？如何使用?对于css中@的作用和用法，一些朋友可能不是很了解，对此本文就给大家来详细的介绍一下@的使用，下文有示例可以参考，需要的朋友可以了解看看。
推荐内容
成为群英会员,开启智能安全云计算之旅
立即注册
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008
