0

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は必要ありません。

4

1 に答える 1

1

ELEMENT内の各タイプの ELEMENT に対してこれを行うことができます。

ELEMENT DIV, ELEMENT SPAN, ...  {
    ...
}
于 2011-08-01T16:47:28.333 に答える