写出这种 CSS 「或判断」的语句,结果对 Chrome 系浏览器不生效。求解。

2020-05-05 11:17:41 +08:00
 ShikiSuen
/* ==================== Emphasis Style Correction for CJK languages ==================== */
:not(:not(:lang(zh)):not(:lang(ja)):not(:lang(ko))) {
i, cite, em, var, address, dfn {font-style: normal;}
.message-body i {border-bottom: dashed 1px @xf-paletteColor3 !important;}
}


以上脚本对 Safari 生效。
835 次点击
所在节点    程序员
2 条回复
ShikiSuen
2020-05-05 12:12:39 +08:00
我写了另一套,结果无法通过 LESS 编译。

.lang(@lang, @content) {
&:lang(@{lang}){
@content();
};
}

.lang((zh) or (ja) or (ko), {
i, cite, em, var, address, dfn {font-style: normal;}
.message-body i {border-bottom: dashed 1px @xf-paletteColor3 !important;}
});
ShikiSuen
2020-05-05 14:16:00 +08:00
我蠢得飞起。

解决方案:直接用逗号。

:lang(zh), :lang(ja), :lang(ko){
i, cite, em, var, address, dfn {font-style: normal;}
.message-body i {border-bottom: dashed 1px @xf-paletteColor3 !important;}
}

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/668619

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX