以下css样式是否有效

Question

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

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

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

Answer 1

这不是合适的CSS。但是你可以使用像less这样的CSS预处理器。

来自网站的引用：

  

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

这也适用于SASS/SCSS。