如果嵌套元素，CSS更改样式

Question

如果存在嵌套元素，CSS中是否有一种方法可以调整父元素的样式？

例如，假设我们在10px的右侧和左侧有一个带填充的按钮。

<button>Submit</button>

现在，我们假设我们为此添加一个图标：

<button><i class="icon"></i> Submit</button>

由于图标，按钮左侧的间距太宽。有没有办法在没有为按钮添加额外类的情况下，如果它包含<i>，是否在左侧填充少了？

谢谢！

Answer 1

唉，你现在不能这样做。建议css4。

Answer 2

听起来我应该只使用不同的元素来定位。这就是没有像<span>这样的语义意义的元素派上用场的地方：

<button><span class="text">Submit</span></button>
<button><i class="icon"></i> <span class="text">Submit</span></button>

如果您使用该HTML，则可以使用.text / margin定位padding。