如何在rtl的第一个孩子上设置保证金？

Question

我有一个垂直形式的四个进度条，我想在第一个孩子的rtl中没有边距。那么我怎样才能在第一个孩子身上设置保证金？我也尝试了第一个儿童财产。

.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;
}