示例:
<a href="#">
<i class="iconfont icon-jishi"></i>
<p>保障服务</p>
</a>
a{
color: #FFFFFF;
opacity: .7;
}
P标签不会调整字体颜色,因为行内元素的块元素不会继承属性。
a{
display: block;
color: #FFFFFF;
opacity: .7;
}
添加display:block后,生效。
还有:行内元素设置padding和margin不会生效。除非display:block。