您现在的位置是：课程教程文章
css普通兄弟选择器如何理解
2023-12-13 22:50课程教程文章 人已围观
Powermill编程从普通铣到高速铣到3+2，五轴
Powermill编程从普通铣到高速铣到3+2，五轴注意：请勿使用苹果手机对本课程付款。 本课程从零基础讲到龙门数控铣、高...-
英国普通家庭住宅周围的环境是什么样的
英国普通家庭住宅周围的环境是什么样的课程介绍： 英国普通家庭住宅周围的环境是什么样的，以及在词汇上学习英国... -
播音主持人|普通话基础|声音声优美化|朗
播音主持人|普通话基础|声音声优美化|朗温馨提示： 更多学习资料获取： VIP系统学习路线图咨询浩轩老师( vx:hxx2223333... -
《跟着凯老师快速学播持》播音/主持/配
《跟着凯老师快速学播持》播音/主持/配刘凯，国家级播音指导，正高职称，曾获中宣部金话筒奖，现为安徽省播音主持...
1、CSS普通兄弟选择器是指所有连接到另一个元素的元素，两者都有相同的父元素。
2、普通兄弟选择器使用波浪号(~)作为普通兄弟的结合符。
实例
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<metaname="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>
thisisancestor.
<div>
thisisparent.
<div>thisischild0.</div>
<div>thisischild1.</div>
<div>thisischild2.</div>
<div>thisischild3.</div>
</div>
</div>
</body>
</html>以上就是css普通兄弟选择器的理解，希望对大家有所帮助。更多css学习指路：css教程
课程教程：css普通兄弟选择器如何理解上一篇：mysql联合查询是什么
下一篇：没有了
