Maison  >  Article  >  interface Web  >  css的顺序有可能使得样式无法实现,就像border它们一样!_html/css_WEB-ITnose

css的顺序有可能使得样式无法实现,就像border它们一样!_html/css_WEB-ITnose

WBOY
WBOYoriginal
2016-06-24 11:49:221099parcourir

在设置样式,突然弄到需要隐藏边框某一部分的时候,发现居然无法隐藏某一条边框,左思右想终无果,然后我又重新写一遍这一部分的css,当然不是照抄,结果前后一对比,发现了问题所在!!!

 

本以为写了border-left:none,就可以让左边框消失了,但结果却没有,花了撸主好多时间呢!在这里也不得不感叹,基础和经验同样重要!!!

结果是这样:

修改之后发现是border-left:none写在了border的前面,试想取消边框的时候,边框都还没有定义,又怎么去取消呢?

结果是这样的:

所以在这里也提醒大家,注重细节,注重基础!!!!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn