样式应用到标签内生效,应用到标签类就失效?
已经试过在标签前添加/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个回答
test
2024-06-26
解决方案:标签嵌套关系厘清,父级标签都要给上100%的宽或高,具体数值由子级撑开。如果子级撑不开父级,检查父级宽高设置,或者用overflow,这样一般可以解决。
回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容