為什么我的.button的CSS樣式不起作用呢？請大家?guī)兔聪?/h1>

ＨＴＭＬ代碼：

<div class="link link-miss">

????????<span class="icon"></span>

???????? <a href="#" class="button">

???????????????? <span class="line line-top"></span>

???????????????? <span class="line line-right"></span>

???????????????? <span class="line line-bottom"></span>

???????????????? <span class="line line-left"></span>

???????????????? MISSION

???????? </a>

</div><!--link link-miss結(jié)束-->

ＣＳＳ代碼：

.link .button{

? ? 　 display: block;

? ? ? ? width: 180px;

? ? ? ? height: 50px;

? ? ? ? line-height: 50px;

? ? ? ? color: #2dcb70;

? ? ? ? text-decoration: none;

? ? ? ? font-family: arial;

? ? ? ? font-weight: bolder;

? ? ? ? border: 2px solid rgba(255,255,255,0.8);

? ? ? ? padding-left: 20px;

? ? ? ? margin: 0 auto;

}