Как установить стиль для содержимого элемента или div? - PullRequest
0 голосов
/ 01 августа 2011

Я знаю, что вы можете использовать ELEMENT * {...}, чтобы установить стиль для каждого отдельного элемента в ELEMENT, но я хочу стилизовать содержимое в целом. Я также знаю, что вы можете использовать ELEMENT #DIVID {...}, но я не хочу включать еще один DIV в мой код.

Если вы думаете, почему бы мне просто не стилизовать весь ELEMENT {}, это потому, что когда я использую заполнение, я не хочу, чтобы мой ELEMENT изменил размер на основе заполнения.

Это то, что у меня есть на данный момент;

Код CSS:

article {
  background: #fff;
  width: 900px;
  margin: 0 auto;
  border: 1px solid #e0e0dc;
  -webkit-box-shadow: 0px 0px 10px #e0e0dc;
  -moz-box-shadow: 0px 0px 10px #e0e0dc;
  box-shadow: 0px 0px 10px #e0e0dc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: auto;
}

article #content {
  padding: 25px;
}

HTML-код:

<article>
  <div id="content">
    <h2>Test Title</h2>
    <p>Blah Blah Blah</p>
    <p>Blah Blah Blah</p>
    <p>Blah Blah Blah</p>
    <a href="http://google.com">Google</a>
  </div>
</article>

Я не хочу иметь содержимое DIV.

1 Ответ

1 голос
/ 01 августа 2011

Вы можете сделать это для каждого типа ЭЛЕМЕНТОВ в пределах ЭЛЕМЕНТОВ:

ELEMENT DIV, ELEMENT SPAN, ...  {
    ...
}
...