CSS * {поле: 0; дополнение: 0;} переопределение

Эй все, я нуждаюсь в некоторой справке с выяснением, как переопределить "* {поле: 0; дополнение: 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;}

и это отображается очень хорошо БЕЗ * {поле: 0; дополнение: 0;}:

 1st comment
 2nd comment
 3rd comment

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

 1st comment
    2nd comment
        3rd comment

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

Спасибо!: o)

David

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

5
задан StealthRT 2 May 2010 в 20:44
поделиться

4 ответа

Вы пробовали использовать! Important?

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

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

3
ответ дан 14 December 2019 в 19:06
поделиться

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

2
ответ дан 14 December 2019 в 19:06
поделиться

. Postcomments должны иметь приоритет над *, так как класс более конкретен.

0
ответ дан 14 December 2019 в 19:06
поделиться

Вам нужно будет указать больше конкретики, чем то, что содержится в других ответах.

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

div.postcomments {
span.postcomments {

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

* .postcomments {
0
ответ дан 14 December 2019 в 19:06
поделиться
Другие вопросы по тегам:

Похожие вопросы: