CSS 最近引入了定义自己的级联层(cascade layers)的功能,并且似乎正在获得浏览器支持。希望很快能在所有主流浏览器中可用。
参考资料:
https://developer.mozilla.org/en-US/docs/Web/CSS/@layer
https://css-tricks.com/css-cascade-layers/
https://www.youtube.com/watch?v=NDNRGW-_1EE
想知道是否正在讨论将此功能纳入 Discourse 的代码库?
我认为这将是一个很好的补充,可以帮助解决特异性(specificity)问题,还可以帮助我们避免使用 !important 标志。
也许可以在主代码库中定义一组层。也许是这样的:
@layer base, layout, theme, utilities;
这样主题开发者就可以利用“theme”层轻松添加自定义,而不必过于具体地选择选择器或使用 !important 标志。