html - 如何根据方向变化在css中左右切换类浮动？

Question

我有一个侧边栏菜单，它应该根据页面方向向左或向右浮动，我使用自定义 rtl-style.css 制作了一个解决方案，但在我的情况下，我应该只使用 1 个样式表（style.css）。

#sidebar.active { left: 0;}  in ltr 
#sidebar.active { right: 0;} in rtl

标签： htmlcssright-to-left

Answer 1

感谢您的帮助，实际上我调整了我的代码（在同一个样式表中）如下，它节省了我的一天：

#sidebar.active
{
left : 0;
}
body[dir="rtl"] #sidebar.active
 {
   right:0!important;
 }