将多个CSS Package 为单个CSS的最佳方法

gcuhipw9 于 2023-03-05 发布在其他

关注(0)|答案(3)|浏览(96)

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

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

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

3条答案

用途：is（）它是纯css的MDN documentation

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

普通CSS选择器为：

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

一旦你使用了CSS预处理器，比如SASS或LESS，你就可以嵌套了。或者，你必须等待一段时间，直到WHATWG发布了CSS嵌套的规范。在SASS或LESS中，你可以用途：

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

如果你想在一行中显示它，你可以把它写在一行中作为一个缩小版。

使用缩小工具：
缩小工具URL：https://www.cleancss.com/css-minify/
解决方案：
. home.站点内容.内容区域{宽度：100% ;}.存档.类别.站点内容.内容区域{宽度：百分之百;