为什么我的.button的CSS样式不起作用呢?请大家帮忙看下
HTML代码:
<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结束-->
CSS代码:
.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;
}