2010-01-26 5 views
0

Если это ситуация.Как написать этот css короче? см. пример

p{margin-bottom:5px} 
#top-textContainer p {margin-bottom:10px} 

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

#board-committees #top-textContainer p, 
#corporate-governance #top-textContainer p, 
#corporate #top-textContainer p, 
#about-us #top-textContainer p, 
#contact us #top-textContainer p{margin-bottom:15px} 

Может кто-нибудь предложить мне лучше вопрос заголовок и улучшить мой вопрос?

+0

Являются ли ваши два фрагмента кода в разных файлах или в одном файле? – thomaspaulb

+0

@littlegreen - в том же файле? –

ответ

0

Что вы не упомянули в своем первоначальном сообщении, так это то, что, поскольку вы используете CMS, у вас нет контроля над вашими исходными HTML-файлами только по вашему CSS.

Вы также не знали о своей цели, которая заключается в том, что с 150 страниц у вас есть, вы хотите, чтобы некоторые из них имели абзац с краем снизу 15px, но все остальные страницы имели 10px.

Ответ в вышеуказанных условиях:

Нет, нет никакого способа, чтобы сократить код CSS. Не добавляя в свой HTML теги определенного класса, которые вы не можете сделать, нет другого способа отличить страницы, где вы хотите 15px, со страниц, где вы хотите 10px, а затем то, что вы уже сделали.

Исключение из этого правила:

  1. Если страниц, где вы хотите различный запас, есть некоторые другие специфические характеристики, которые могут быть по выбору в CSS, вы можете основывать свой выбор на том, что и укоротить CSS-код. Например, если ваш P всегда будет следовать за BR или быть частью UL. Но поскольку у меня нет вашего источника, я не знаю, возможно ли это.
  2. Если ваша CMS предлагает добавить теги пользовательских классов на страницы или элементы по вашему выбору, вы можете уточнить свой CSS на основе появления этого конкретного тега класса. Но так как я не знаю вашу CMS, я также не знаю, возможно ли это.
+0

Вы правы, но не можем ли мы использовать тот же идентификатор в css, что и html? У меня не более одного идентификатора на любой странице. это как раз в css –

+0

Я думаю, что ур, получивший мой вопрос не так –

+0

Возможно, я задаю ваш вопрос неправильно, так что, пожалуйста, объясните, почему вы чувствуете необходимость указывать topTextContainer 5 раз в своем CSS, если есть только один из их на вашей странице? Я вообще не вижу причины включать в свой CSS совет директоров, о нас и т. Д. Id? – thomaspaulb

0

Установить margin-bottom каждого элемента (p, #top-textContainer и т. Д.) Вы упомянули о 5px? Таким образом, маржи накапливаются до нужного вам значения.

Смежные вопросы