<分区>
<分区>
我使用带有 Bootstrap 按钮类和一些 CSS 的 Font Awesome 图标来创建圆形按钮:check my CSSDesk .我从默认的 Bootstrap 移动到 Bootswatch Paper我不得不覆盖填充:
td > .btn-sm.btn-circle {
padding: 6px 12px !important;
}
强制执行与我的 CSSDesk 中相同的行为。但是当我想使用 fa-user-plus 图标时，我发现这个图标比其他图标更宽，然后按钮就像椭圆而不是圆形，我需要用新值覆盖右填充。我可以使用 CSS 选择器来实现它吗？只有当它有 fa-user-plus 类的 child 时才会更改按钮？像这样:
td > .btn-sm.btn-circle:with-child(.fa-user-plus) {...}
在 CSS 中有一种方法可以做这样的事情吗？预先感谢您花时间帮助我。
最佳答案
不幸的是，据我所知，CSS 中没有 :with-child 类型选择器。你可以做的是使用 javascript 来确定 .btn-sm.btn-circle 是否有子 .fa-user-plus，然后向 .btn-sm.btn-circle 添加一个新类。然后使用 css 生成您的样式:
td > .btn-sm.btn-circle.has-fa-user-plus {/*do stuff*/}
关于css - 如果它有一个图标，它会改变按钮填充的选择器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28917858/