两个以上的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前两个不变。