<div class="right-top"> <ul> <a href="#" class="A1">慕快報</a> <a href="#" class="A2">更多 >></a> <li> <span><a href="#">[特惠]</a></span> <span><a href="#" class="gray">精選圖書每滿150減50</span> </li> <li> <span><a href="#">[公告]</a></span> <span><a href="#" class="gray">因廣州圖書倉般倉發貨延遲</a></span> </li> <li> <span><a href="#">[公告]</a></span> <span><a href="#" class="gray">因廣州圖書倉般倉發貨延遲</a></span> </li> <li> <span><a href="#">[特惠]</a></span> <span><a href="#" class="gray">爆款手機12期免息 抽獎贏電視</a></span> </li> <li> <span><a href="#">[公告]</a></span> <span><a href="#" class="gray">廣東 福建受臺風影響配送延遲</a></span> </li> <li> <span><a href="#">[特惠]</a></span> <span><a href="#" class="gray">大閘蟹領券滿399減180</a></span> </li> </ul> </div>.banner-right .right-top li span a{ display: inline-block; color: #333; margin-right: 5px; margin-top: 10px; font-size: 12px;}我把第二行的內容又復制了一遍，復制的內容樣式就生效了，僅僅是第二行那個位置標題不會生效，查看的時候發現它的樣式是通用樣式，很費解為什么第一張圖是第二行標題應用了全局樣式，第二張是復制的第一張的內容，定義的樣式就生效了，為什么在第二行那個特定位置樣式就不會生效呢？