html – CSS应用程序订单

概述我有这个CSS .menuPopup div { width: 100%; padding: 5px;}.menuClose { width:10px; height:10px; padding:0px; position:absolute; top:0px; right:0px; curso 我有这个CSS

.menuPopup div {    wIDth: 100%;            padding: 5px;}.menuClose {    wIDth:10px;     height:10px;     padding:0px;     position:absolute;     top:0px;     right:0px;     cursor:pointer;}

哪个适用于此HTML：

<div >    <div >A</div>    <div >B</div>    <div >C</div>    <div >X</div></div>

应用时,.menuPopup div声明总是覆盖.menuClose.

我该如何更改订单？即.使“X”宽度为10px而不是100％？

解决方法 这是因为你在顶级声明中有更多的选择器.

如果你这样做,它应该覆盖：

.menuPopup div.menuClose {    wIDth:10px;     height:10px;     padding:0px;     position:absolute;     top:0px;     right:0px;     cursor:pointer;}

有关如何处理CSS级联优先级的说明,请参阅此文章：
http://eriestuff.blogspot.com/2007/11/css-cascade-what-defenition-takes.html

总结

以上是内存溢出为你收集整理的html – CSS应用程序订单全部内容，希望文章能够帮你解决html – CSS应用程序订单所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。