ELEMENT * {...}
을 사용하여 ELEMENT의 개별 항목에 대한 스타일을 설정할 수 있지만 전체적으로 내용의 스타일을 지정하고 싶습니다. 또한 ELEMENT #DIVID {...}
을 사용할 수 있다는 것을 알고 있지만 내 코드에 다른 DIV를 포함하고 싶지는 않습니다.요소 또는 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 코드 : 나는 콘텐츠 DIV를하고 싶지 않아
<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>
. 당신은 요소 내에 ELEMENT 의 각 유형에 대해이 작업을 수행 할 수
당신이 모든 것을 보여 HTML의 블록을 게시 할 수 CSS 선택기에 대한 읽기해야입니까? 당신이하려고하는 것에 대한 느낌을 얻는 것이 훨씬 쉽습니다. CSS도 상당히 도움이 될 것입니다. –