CSS * {margin: 0; padding: 0;} переопределить - PullRequest
Новая
       15

CSS * {margin: 0; padding: 0;} переопределить

5 голосов
/ 03 мая 2010

Привет всем, мне нужна помощь, чтобы выяснить, как переопределить "* {margin: 0; padding: 0;}" в моем css.

Причина в том, что у меня есть этот 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;}:

* +1007 *

Однако, когда я добавляю это в CSS, это приводит к неправильному стеку комментариев: 

 1st comment
    2nd comment
        3rd comment

Я бы просто удалил * {margin: 0; padding: 0;}, но некоторые другие вещи на странице нуждаются в этом для правильного отображения. Поэтому мой вопрос: как я могу переопределить {margin: 0; padding: 0;} только для этой части страницы с комментариями?

Спасибо! : О)

David

ОБНОВЛЕНИЕ: Что ж. до сих пор не могу получить это правильно. После удаления наценки: 0px для всего сайта - сайт выглядит ужасно. И если мне нужно добавить margin: 0px к каждому элементу на странице, чтобы он выглядел так, как это было бы с *, то это не хорошо. Мне все еще нужно что-то, чтобы обойти это для части .postcomments, и это все.

Ответы [ 4 ]

3 голосов
/ 04 мая 2010

Вы пробовали это с! Важным? 

.postcomments {
   margin: 15px  !important;
   padding: 15px !important;
}

Я использую 15px, но вы можете использовать любое значение, которое вам подходит

2 голосов
/ 03 мая 2010

Возможно использовать один из доступных сценариев reset.css ( eric meyer например). затем посмотрите, как вы строите неупорядоченные списки. если есть вложенный элемент ul, вы обычно получаете поле слева для каждого ul

0 голосов
/ 04 мая 2010

Вам нужно будет предоставить более конкретную информацию, чем то, что содержатся в других ответах

попробуйте поместить тег перед классом или родительский тег 

div.postcomments {
span.postcomments {

или, если это не вариант, вы всегда можете прибегнуть к

* +1007 *
0 голосов
/ 03 мая 2010

.postcomments должен переопределить *, поскольку класс более специфичен.

...