不同的样式取决于显示的元素

Question

我的元素可以包含一个，两个或三个按钮。

当我只有一个按钮时，右边有没有边距

当我有两个按钮时，第一个按钮会获得右边距

当我有三个按钮时，第一个和第二个按钮获得右边距

我尝试了什么：

• ：只有一个孩子只需要一个按钮即可满足我的需求。

• 兄弟选择器工作得很好，但在三个按钮方面受到限制

愿意为此阅读您的解决方案：）

修改

这是一个页面的屏幕截图： 它显示了三种可能性。容器可以包含一个，两个或三个按钮。我已经想出如何编辑两个按钮周围的空间，但我如何管理这三个？

Answer 1

您可以使用button { margin-right: 10px; } button:last-child { margin-right: 0px; } 选择器并使css看起来像这样：

:last-child

当你只有一个按钮时，它将是最后一个元素，因此不会有任何余量。然后，对于两个和三个按钮，最后一个按钮不会有保证金。

result["1000"] = "I1,I3"选择器适用于IE9及更高版本。