<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
* {
padding: 0px;
margin: 0px;
box-sizing: border-box;
}
ol {
list-style: none;
display: flex;
flex-wrap: nowrap;
background-color: aqua;
}
.one a{
white-space: nowrap;
}
ol:first-child{
flex-grow: 1;
flex-wrap: wrap;
background-color: blueviolet;
}
body {
display: flex;
justify-content: center;
}
main {
display: flex;
width: 80vw;
background-color: antiquewhite;
}
div:first-child{
background-color: red;
}
</style>
</head>
<body>
<main>
<a href="">logo</a>
<ol class="one">
<li><a href="">奔驰</a></li>
<li><a href="">奥迪</a></li>
<li><a href="">雷克萨斯</a></li>
<li><a href="">宝马</a></li>
</ol>
<ol>
<li><a href="">购买</a></li>
<li><a href="">注册</a></li>
</ol>
<div>1</div>
<div>1</div>
<div>1</div>
<div>1</div>
</main>
</body>
</html>
为什么first-child无效,在其他文件单独测试没问题,这是什么原因
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
3条回答 默认 最新
悬赏问题
- ¥15 基于卷积神经网络的声纹识别
- ¥15 Python中的request,如何使用ssr节点,通过代理requests网页。本人在泰国,需要用大陆ip才能玩网页游戏,合法合规。
- ¥100 为什么这个恒流源电路不能恒流?
- ¥15 有偿求跨组件数据流路径图
- ¥15 写一个方法checkPerson,入参实体类Person,出参布尔值
- ¥15 我想咨询一下路面纹理三维点云数据处理的一些问题,上传的坐标文件里是怎么对无序点进行编号的,以及xy坐标在处理的时候是进行整体模型分片处理的吗
- ¥15 CSAPPattacklab
- ¥15 一直显示正在等待HID—ISP
- ¥15 Python turtle 画图
- ¥15 stm32开发clion时遇到的编译问题