css - 以下css样式是否有效

Question

我正在阅读一本响应式网站书籍，其中我看到了样式定义，例如

.main-navigation 
  {
    li {position: relative;}
    .children 
          {
            left: -999em;
            position:absolute;
          }
   }

我也尝试过在我的 css 文件中，但似乎没有工作。现在我的问题:) 我们可以用这种方式定义 css 样式吗？

Answer 1

这不是正确的 CSS。但是您可以将其与 CSS 预处理器一起使用，例如less。

引自网站：

在 Less 中，您可以简单地将选择器嵌套在其他选择器中，而不是构造长选择器名称来指定继承。这使得继承清晰并且样式表更短。

这也适用于SASS/SCSS。