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>