选择器，如果有图标，则更改按钮填充

Question

我正在使用带有Bootstrap按钮类的Font Awesome图标和一些CSS来创建圆形按钮：check my CSSDesk。我从默认的Bootstrap转移到Bootswatch Paper，我不得不重写填充：

td > .btn-sm.btn-circle {
padding: 6px 12px !important;
}

强制执行与我的CSSDesk相同的行为。但是当我想使用fa-user-plus图标时，我发现这个图标比其他图标宽，然后按钮就像椭圆而不是像圆圈一样，我需要用新值覆盖右边的填充。我可以使用CSS选择器实现它，只有当它具有fa-user-plus类的子项时才更改按钮吗？像这样：

td > .btn-sm.btn-circle:with-child(.fa-user-plus) {...}

在CSS中是否有办法做这样的事情？提前感谢您花时间帮助我。

Answer 1

不幸的是，据我所知，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*/}