less 或 scss 覆盖UI组件样式并集选择器使用

心若向阳(*￣︶￣)

于 2021-11-24 10:41:47 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： css less 个人项目文章标签： es6 前端 ecmascript less scss

本文链接：https://blog.csdn.net/agua001/article/details/121510038

个人项目同时被 3 个专栏收录

144 篇文章

订阅专栏

css

16 篇文章

订阅专栏

less

3 篇文章

订阅专栏

本文介绍了如何使用/deep/选择器覆盖Ant Design的Table组件中表头和表格内容的内边距，分别设置了表头和单元格的内边距为5px 0 5px 0。同时，探讨了CSS选择器的特性和使用技巧，帮助开发者更好地理解和定制UI样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、覆盖antd 中table组件的表头和标体内间距

/deep/ .ant-table-thead > tr > th,
.ant-table-tbody > tr > td {
  padding: 5px 0 5px 0;
}

2、以上只对表头有效，修改：

/deep/ .ant-table-thead > tr > th,
/deep/ .ant-table-tbody > tr > td {
  padding: 5px 0 5px 0;
}
或者
/deep/ .ant-table-thead > tr > th {
  padding: 5px 0 5px 0;
}
/deep/ .ant-table-tbody > tr > td {
  padding: 5px 0 5px 0;
}

less 或 scss 覆盖UI组件样式并集选择器使用

1、覆盖antd 中table组件的表头和标体内间距

2、以上只对表头有效，修改：

阴天快乐，晴天更乐，哈哈哈哈