css不能嵌套吗?


css不能嵌套吗?

原生的css不支持嵌套写法,但是我们可以使用css的扩展语言sassless来实现嵌套。

sass和less都是css的拓展语言,less和sass最主要的区别是less是通过Javascript编译,而sass是通过ruby编译的,所以我们可以在网页中引入less.js文件,这样就能使用css嵌套语法了。

例子:

<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/less">
        .a{
            padding: 20px;
            .b{
                color: red;
            }
         }
    </style>
</head>
<body>
  <div class="a">
    <p class="b">b</p>
  </div>
  <script src="https://cdn.bootcss.com/less.js/3.0.4/less.min.js"></script>
</body>
</html>

效果:

本文来自css3答疑栏目,欢迎学习!

以上就是css不能嵌套吗?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读