为了账号安全,请及时绑定邮箱和手机立即绑定

head里面有两个的.box类,body里面的第一个div 是两个类都使用还是只使用靠它最近的哪一个.box类,如果两个类都使用会不会发生冲突?

<!DOCTYPE html>

<html>


<head>

    <meta charset="UTF-8">

    <title>align-items</title>

    <style type="text/css">

    .box {

        height: 700px;

        background: blue;

        display: flex;

        align-items: stretch;

    }


    .box div {

        width: 200px;

        /*height: 200px;*/

    }


    .box1 {

        background: red;

    }


    .box2 {

        font-size: 30px;

        background: orange;

    }


    .box3 {

        font-size: 50px;

        background: green;

    }

    </style>

</head>


<body>


    <div class="box">

        <div class="box1">baseline</div>

        <div class="box2">baseline</div>

        <div class="box3">baseline</div>

    </div>

</body>


</html>



正在回答

3 回答

.box div中间有个空格,是作用于box元素的所有后代div元素

1 回复 有任何疑惑可以回复我~

第二个.box div 中间有个空格,是用了子选择器,只对第一代子级有效

1 回复 有任何疑惑可以回复我~

http://img1.sycdn.imooc.com//5edf52600001d42f16000958.jpg

head里面有两个的.box类是不同的,一个对应的是父级(红色),一个是子级(蓝色)。


1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

head里面有两个的.box类,body里面的第一个div 是两个类都使用还是只使用靠它最近的哪一个.box类,如果两个类都使用会不会发生冲突?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信