【CSS】浅谈css兄弟选择器

拷贝自菜鸟教程

element+element	div+p	选择所有紧跟在元素之后的第一个元素
element1~element2	p~ul	选择p元素之后的每一个ul元素

栗子


<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <style>
        *{
            font-family: '方正姚体';
        }
        p+div{
            background: red;
        }
        p~div{
            /*font: italic semi-expanded bold 25px/50px '';*/
            font: 30px '';
            background: blue;
        }
    style>
head>
<body>
  <p>我是pp>
  <div>东方丽景div>
  <div>2div>
  <div>3div>
  <div>4div>
  <div>5div>
  <div>3div>
body>

tips:可用于开发移动端时,是否需要顶部导航给页面content添加同样式

比如：


/** content **/
.ui-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
	font-size: .28rem;
	padding-bottom: .5rem;
	-webkit-overflow-scrolling: touch;
	color: var(--text);
	background-color: #f2f2f2;
}
 
/* 当存在头部导航时给ui-content加上padding */
.ui-header+.ui-content {
	padding-top: .8rem;
}

相关阅读:
h5唤起微信小程序
Elasticsearch语法知多少之Match query
S2SH小区物业管理理系统计算机毕业论文Java项目源码下载
OpenMMLab MMYOLO目标检测环境搭建（一）
VUE POST请求参数出现在URL上
正则表达式与字符串操作
安卓手机APP开发__媒体开发部分__媒体项
【实战分享】使用 Go 重构流式日志网关
JMeter 逻辑控制之IF条件控制器
Ubuntu 16.4虚拟机配置Hadoop集群

原文地址：https://blog.csdn.net/m0_43599959/article/details/126735786