菜单 学习猿地 - LMONKEY

 css不能嵌套吗?

css不能嵌套吗?

weger profile image weger ・1 min read


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>

效果:

Snipaste_2019-12-26_17-02-08.jpg

评论 (0)