两个以上的class选择就控制不了了？.green-sectoin .icon-group .ico和.green-sectoin .hr

Question

html部分

<div class="content">

    <section class="green-section">

        <div class="wrapper">

            <h2>标题</h2>

            <div class="hr"> </div>

            <p class="sub-heading">asdx,a hqwdn wlmwelfmel mfelreml</p>

        </div>

        <div class="icon-group">

             <span class=icon></span>

             <span class=icon></span>

             <span class=icon></span>

         </div>

    </section>

<div>        

    </section>

css部分h2{

font-size: 35px;

}

.hr{

width: 100%;

height:  2px;

   }

.sub-heading{

font-size: 18px;

}

.green-section{

background: #66729E;

text-align: center;

color:#D2C7C7;

}

.green-sectoin .hr{

background: #505E91;

width: 60%

}

.green-sectoin .icon-group .icon{

display: inline-block;

width: 80px;

height: 80px;

background: #000;

}

.wrapper{

    max-width: 1080px;

    margin: 0 auto;

    padding:100px 0; 

Answer 1

你可以直接控制span标签试试，或者第3个指向span前两个不变。