CSS*{margin:0;padding:0;}覆盖
嘿,大家好,我需要一些帮助来弄清楚如何覆盖css中的“*{margin:0;padding:0;}” 原因是我有这个css:CSS*{margin:0;padding:0;}覆盖,css,margin,Css,Margin,嘿,大家好,我需要一些帮助来弄清楚如何覆盖css中的“*{margin:0;padding:0;}” 原因是我有这个css: .postcomments { width: 547px; padding: 5px 5px 5px 5px; margin: 0 0 5px 0;} .postcomments a { text-decoration: underline;} .postcomments ul { margin: 0; padding: 0; list-style-type: n
.postcomments { width: 547px; padding: 5px 5px 5px 5px; margin: 0 0 5px 0;}
.postcomments a { text-decoration: underline;}
.postcomments ul { margin: 0; padding: 0; list-style-type: none;}
.postcomments ul li { width: 547px; margin: 0 0 5px 0; padding: 0; list-style-type: none;}
.postcomments .right { color: #474747; font-size: 11px; background: #fff url('http://www.nextbowluser.com/img/ucBG.gif') no-repeat top left; line-height: 17px; padding: 5px 0 0 0; width: 430px; position: relative; float: right; min-height: 50px;}
.postcomments .right .bottom { padding: 0 5px 15px 5px; background: #fff url('http://www.nextbowluser.com/img/ucBG.gif') no-repeat bottom right; min-height: 50px;}
.postcomments .arrow { left: -15px; top: 20px; position: absolute;}
.avatar { border: none !important;}
.postcomments .left {float: left; margin: 0 7px 0 0;}
.postcomments .gravatar { background: #fff; width: 80px; height: 60px; margin: 0 0px 0 0; padding: 3px;}
.postcomments .name { font-size: 11px; margin: 2px 0 0 0; color: #000;}
.avatar { border: none !important;}
它显示得很好,没有*{margin:0;padding:0;}:
1st comment
2nd comment
3rd comment
但是,当我将其添加到CSS中时,会使注释堆栈出错:
1st comment
2nd comment
3rd comment
我只想去掉*{margin:0;padding:0;}但是页面上的一些其他内容需要这样才能正确显示。因此,我的问题是,如何仅为页面的postcomments部分重写{margin:0;padding:0;}
谢谢o)
大卫
更新:
好。仍然无法正确获取它。去掉保证金后,整个网站的利润率为0px——这让网站看起来很糟糕。如果我必须给页面的每个元素加上边距:0px,使它看起来像*一样,那就不好了。我仍然需要一些东西来绕过.postcomments部分,就这样。.postcomments应该重写*,因为类更具体。可能使用一个可用的reset.css脚本。然后看看你是如何建立无序列表的。如果有嵌套的ul,通常每个ul都会有一个余量您试过了吗!重要吗
.postcomments {
margin: 15px !important;
padding: 15px !important;
}
我使用的是15px,但是你可以使用任何适合你的值,你需要提供比其他答案更具体的信息 尝试将标记放在类或父标记的前面
div.postcomments {
span.postcomments {
或者,如果这不是一个选择,你可以随时求助于
* .postcomments {
不要这样做。给所有的块元素你自己的边距/填充。你的HTML结构是什么样的?这似乎很奇怪,评论被缩进了任何一种方式;不要那样做。然而,我的直觉告诉我有一些锚元素(
谢谢你的回答,马特。但事实似乎并非如此。*{margin:0;padding:0;)放在.postcomments css之前,它仍然这样做。我甚至在.postcomments之后添加了它,结果仍然是一样的。不要使用!重要的-而是了解css的特殊性-@RichardJPLeGuen!这对我的案例很重要。为什么不建议它?会有什么问题?我正在一堆css及其应用程序上构建我的应用程序很难找到要点击的位置,重要的是!在一秒钟内解决了问题。我的评论太长了,所以我问并回答了一个问题: