组合 CSS 选择器的最佳方式

Question

我想合并这两个CSS。有哪些可能的方法可以做到这一点

.home .site-content .content-area{width: 100%;}
.archive.category .site-content .content-area{width: 100%;}

这两行 CSS 应该合并为一行。

Answer 1

使用:is()。它是带有MDN 文档的纯 CSS

:is(.home, .archive.category) .site-content .content-area {width: 100%;}