欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 文旅 > 艺术 > CSS、less、 Sass、

CSS、less、 Sass、

2024/10/24 1:56:50 来源:https://blog.csdn.net/qq_33715850/article/details/140658791  浏览:    关键词:CSS、less、 Sass、

1 CSS

1.1 css中.a.b 与 .a .b(中间有空格)的区别

区别:

  • .a.b是获取同时含有a和b的元素
  • .a .b(中间有空格),是获取.a元素下的所有.b元素
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><div class="A B">我是包含A和B<div class="B">我是.A .B 或者是.B .B</div></div><div class="A"><div class="B">我是.A .A </div></div>
</body>
<style>.A.B {color: red; }.A .B {color: green;}.B .B {color: pink}</style>
</html>

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com