基于html dir值的自定义SCSS

时间:2019-01-16 13:52:53

标签: css html5 sass culture

我有一个asp.net MVC网站,该网站基于web.config中的值可以使用多种语言。例如,如果我选择英语,则顶部的html标签将显示为

<html lang="en" dir="auto">

如果我选择阿拉伯语,它将显示为

<html lang="ar" dir="auto">

这在大多数情况下效果很好,但是我的全局css文件中肯定有一些内容需要根据实际的“ dir”方向进行自定义。有没有一种方法可以自定义我的css / scss文件,使其根据dir值采取不同的行动?我也许可以找出dir的值是什么,而只使用多个css类(.menu_Left,.menu_Right)并附加该值?

还是我只需要进行自己的枚举(以下是dir = auto会向右移动的语言),然后手动完成所有操作?我只是想看看这里最简单的方法是什么。

1 个答案:

答案 0 :(得分:0)

html[lang="ar"] .menu_left { /* insert rules */ }呢?话虽如此,您可能应该为每种语言加载不同的CSS文件。这样,文件较小,性能更好,而且一开始就没有这个问题。