基于 html 目录值的自定义 SCSS
Custom SCSS based on html dir value
我有一个 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 将向右移动的语言）并手动完成所有事情？我只是想看看这里最简单的方法是什么。
html[lang="ar"] .menu_left { /* insert rules */ }呢？也就是说，您应该为每种语言加载不同的 CSS 文件。这样文件更小，你的性能更好，而且你一开始就没有这个问题。
我有一个 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 将向右移动的语言）并手动完成所有事情？我只是想看看这里最简单的方法是什么。
html[lang="ar"] .menu_left { /* insert rules */ }呢？也就是说，您应该为每种语言加载不同的 CSS 文件。这样文件更小，你的性能更好，而且你一开始就没有这个问题。