jquery - 如何将此 jquery 代码转换为 css？

Question

我尝试通过 css 更改菜单项的 float 属性。我想要当 body 标签有 rtl 类时，菜单项的 float 设置为 right我为此编写了这个 jquery，但必须在加载页面之前完成此更改。结果我想用 css 完成这项工作。

if ($('body').hasClass("rtl")) { $('#cssmenu > ul > li').attr('float','right');}

现在如何将这个 jquery 代码转换为 css？

Answer 1

你可以使用

body.rtl #cssmenu > ul > li {
    float: right;
}

问题的JS代码有很多错误。如果仍然对使用 JS 感兴趣，这里有一个。

$('body.rtl #cssmenu > ul > li').css('float', 'right');