时间戳

首页 > 解决方案 > 基于 html dir 值的自定义 SCSS

css - 基于 html dir 值的自定义 SCSS

问题描述

我有一个 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 将向右移动的语言）并手动完成所有操作？我只是想看看这里最简单的方法是什么。

标签： csshtmlsassculture

解决方案

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

推荐阅读