有没有按文化呈现 CSS 文件的捷径？

【问题标题】：Is there short way to render CSS files by culture?有没有按文化呈现 CSS 文件的捷径？
【发布时间】：2019-11-26 13:13:09
【问题描述】：

有没有办法告诉 .NET Core 按区域性为所有页面在一个位置呈现 rtl.css 文件，而不是使用 if 条件包装包含 rtl 文件的每个页面？

<environment include="Development">
    <link href="~/Styles/Site/layout.css" rel="stylesheet" />
    <link href="~/Styles/Site/layout-rtl.css" rel="stylesheet" />
</environment>

【问题讨论】：

标签： css asp.net-core razor right-to-left asp.net-core-3.0

【解决方案1】：

您最好的选择是 CSS :lang 选择器。您不需要在不同的场景中加载不同的文件，只需在主 CSS 中添加 RTL 特定的 CSS，例如：

:lang(ar), :lang(he), :lang(fa) { /* Arabic, Hebrew, and Persian - add more as needed */
    /* RTL specific CSS */
}

你也可以在本地应用这个：

.myclass:lang(ar) {
    /* do something */
}

每个已知的浏览器都支持:lang 选择器，因此兼容性不是问题。

【讨论】：