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>