当使用 .show的类名时，就会触发display:block!important，而且无法用CSS语法取消，只能通过js来修改页面元素属性来定位的方法修改(例：div.style=block||none)
加!important就表示提升这个属性的优先级 比如说你如果在其它地方又写了一个display:inline之类的 还会按照你这里的block进行解释
现在看那是正常的，也符合正常的页面显示，但当我选中别的按钮时
它依然存在，这就不符合页面的布局，这时可以在js里通过修改属性值来改变元素属性
王永康HTML:
<li class="show">
<p id="one-index"><span>不限</span>
<span>不祥年代<a href="">(142)</a></span>
<span>明<a href="">(1542)</a></span>
<span>北宋<a href="">(542)</a></span>
<span>南宋<a href="">(742)</a></span>
<span>金<a href="">(74)</a></span>
<span>清<a href="">(7456)</a></span>
<span>东洋本<a href="">(2456)</a></span>
<span>宋<a href="">(742)</a></span>
<span>元<a href="">(742)</a></span>
<span>民国<a href="">(742)</a></span>
<span>唐<a href="">(742)</a></span>
<span>越南本<a href="">(6)</a></span>
<span>西洋本<a href="">(56)</a></span>
<span>北元<a href="">(2)</a></span>
<span>西夏<a href="">(42)</a></span>
<span>東晉<a href="">(52)</a></span>
<span>五代<a href="">(52)</a></span>
<span>隋<a href="">(2)</a></span>
<span>南北朝<a href="">(3)</a></span>
<span>北齊<a href="">(3)</a></span>
<span>遼<a href="">(1)</a></span>
<span>明本<a href="">(3)</a></span>
</p>
</li> 
0
原创©本文章为王永康原创，未经许可，禁止转载
联系我
0条评论