Question

我正在使用Offline.js。 Offline.js是一个图书馆，可以在用户丢失互联网连接时自动提醒用户。

Offline.js provide css文件中的不同语言，但每种语言都包含他的css文件。

在我的网站中，我检测到用户语言，并以他的语言显示单词以获得良好的用户体验。

你可以为此修改这个库吗？

由于

Answer 1

如果使用less，则可以像这样导入css语境化：

@import (inline) '../../bower_components/offline/themes/offline-theme-default.css';

.language-de {
  @import (less) '../../bower_components/offline/themes/offline-language-german.css';
}

.language-en {
  @import (less) '../../bower_components/offline/themes/offline-language-english.css';
}

然后，您可以通过在<body>元素上设置语言-...类来切换语言。

更新：如果您使用cleancss工具，请确保添加＆＃39; @charset＆＃34; UTF-8＆＃34;;＆＃39;在你的主LESS文件中...否则块内会出现@charset而cleanncss会搞乱你的CSS。

更新：SASS也可以导入css。像那样：

@import '../../bower_components/offline/themes/offline-theme-default';

.language-de {
  @import '../../bower_components/offline/themes/offline-language-german';
}

.language-en {
  @import '../../bower_components/offline/themes/offline-language-english';
}

Offline.js - 多语言

1 个答案: