CSS,我可以写 if/else 语法了?

我在 2011 年开始写CSS的时候),从来没有怀疑过这种语言会发生多大的变化。我还记得使用PIE.htcborder-radius 适配所有浏览器,我的同事做了一个PHP脚本,生成一个PNG来圆角。

然而,在过去的几年中出现了大量的CSS新特性。其中一些语句也可以被视为if语句,比如@supports样式:

@supports (border-radius: 50%) {
  // don"t use PIE.htc! {}
}

还有一个经典的媒体查询,已经存在了十多年:

@media (max-width: 1000px) {
  //maybe a mobile sized device? {}
}

还有一个新的 camp(),有点不同 :

width: clamp(1000px, 50%, 10vw);

但像这样的行为:

width: clamp(1000px