css - 如何在 rtl 中为第一个孩子设置无边距？

Question

我有四个垂直形式的进度条，我希望 rtl 中的第一个孩子没有边距。那么如何在第一个孩子上设置 margin none 呢？我还尝试了第一个子属性。

.progress-bar-vertical:first-child {
    margin-right: 0px !important;
}

Answer 1

如果您在 html 标记上将 dir 属性设置为 rtl，则可以应用特定于 RTL 的样式，例如：

html[dir='rtl'] .progress-bar-vertical:first-child {
    margin: none;
}