Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS*{margin:0;padding:0;}覆盖_Css_Margin - Fatal编程技术网

CSS*{margin:0;padding:0;}覆盖

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

嘿,大家好,我需要一些帮助来弄清楚如何覆盖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: 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及其应用程序上构建我的应用程序很难找到要点击的位置,重要的是!在一秒钟内解决了问题。我的评论太长了,所以我问并回答了一个问题: