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其它相关文章!