样式应用到标签内生效,应用到标签类就失效?

作者站长头像
站长
· 阅读数 6

已经试过在标签前添加/deep/,::deep,均无效

<div class="sn">
      <el-row class="row_sn">
        <el-col class="col_sn" style="display: flex;padding:0 5px 0 5px;">
          <span style="background-color: #000000;color: white;font-weight: bold;flex: 1;">SN</span>
          <span style="flex: 1;background-color: #e0e0e0;"></span>
        </el-col>
      </el-row>
    </div>
.sn {
    width: 100%;
    display: flex;
    .row_sn{
     .col_sn{
        display: flex;
        padding:0 5px 0 5px;
        line-height: 35px;
      }
    }
  }
回复
1个回答
avatar
test
2024-06-26

解决方案:标签嵌套关系厘清,父级标签都要给上100%的宽或高,具体数值由子级撑开。如果子级撑不开父级,检查父级宽高设置,或者用overflow,这样一般可以解决。

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容