css - (foo bar, foo biz, foo tar, foo boo { }) 的 CSS 组合器是什么？

Question

编写此规则集的 CSS 组合符或简写是什么？

foo bar, 
foo biz, 
foo gaz > boo, 
foo tar {
 ...
}

我很确定我在 MDN 上的某个地方读到过。是不是：

foo (bar, biz, gaz > boo, tar) {
}

我找不到那个页面。你能链接到它吗？

标签： css

Answer 1

您正在尝试做的是 CSS 预处理。

在 SCSS 中，您的代码将是这样的

.foo {
  .bar, .biz, .gaz > .boo, .tar {
    color: red;
  }
}

在 SASS 你的代码会是这样的

.foo
  .bar, .biz, .gaz > .boo, .tar
    color: red