
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>效果:

本文来自css3答疑栏目,欢迎学习!
以上就是css不能嵌套吗?的详细内容,更多请关注易知道|edz.cc其它相关文章!














