Debug: 样式规则、元素选择器 错误嵌用
MarkTime: 2024-05-21 17:23
LogTime: 2024-11-10 00:53:20
原先直接嵌着写的, 样式没生效, emmm太想当然了
原错误写法:
<style lang="less" scoped>
.ai-dialog-list{
flex: 1;
overflow-y: auto;
ul {
display: flow-root;
}
li {
position: relative;
margin: 10px 0;
padding: 0 12px 0 72px;
background: no-repeat 12px 0;
}
}
</style>
更正:
<style lang="less" scoped>
.ai-dialog-list{
flex: 1;
overflow-y: auto;
}
.ai-dialog-list ul{
display: flow-root;
}
.ai-dialog-list li{
position: relative;
margin: 10px 0;
padding: 0 12px 0 72px;
background: no-repeat 12px 0;
}
</style>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步