折腾：
【记录】优化绘本查询系统的UI
期间，现在有两个html
main.html
book_detail.html
分别导入了
main.css
book_detail.css
两个css中间有共用的部分，比如通用的背景色：
1 2 3 4 | .xxx_bkg_color { background-color: #61D2B3;} |
现在想办法去把通用的地方提取出来，然后另外两个css再去导入
html css import
html css import bootstrap
“Respond.js and @import
Respond.js doesn’t work with CSS that’s referenced via @import. In particular, some Drupal configurations are known to use @import. See the Respond.js docs for details.”
好像想起来了：正常就是可以用@import去实现，去试试。
css constant variable
然后发现：
@main_color: #61D2B3;
只是less的写法，基本的css不支持。
参考：
去试了试：
css/book_common.css
1 2 3 4 5 6 | --main_color: #61D2B3; }.xxx_bkg_color { background-color: var(--main_color);} |
css/main.css
1 |
index.html
1 2 3 | <link rel="stylesheet" href="css/main.css"><span class="badge badge-pill badge-secondary xxx_bkg_color">Adventures and Adventurers</span> |
然后就可以显示出对应的颜色了：
转载请注明：在路上 » 【已解决】html中独立出通用部分css供其他css文件导入