点击刷新
css不能嵌套吗？
原生的css不支持嵌套写法，但是我们可以使用css的扩展语言sass和less来实现嵌套。
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>效果：
© 著作权归作者所有
举报
发表评论
0/200
