Я знаю, что вы можете использовать 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.