自学内容网 自学内容网

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>


原文地址:https://blog.csdn.net/qq_33715850/article/details/140658791

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!