2011-08-01 3 views
0

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 의 각 유형에 대해이 작업을 수행 할 수

+3

당신이 모든 것을 보여 HTML의 블록을 게시 할 수 CSS 선택기에 대한 읽기해야입니까? 당신이하려고하는 것에 대한 느낌을 얻는 것이 훨씬 쉽습니다. CSS도 상당히 도움이 될 것입니다. –

답변

1

:

ELEMENT DIV, ELEMENT SPAN, ... { 
    ... 
} 
+0

ELEMENT * {...}와 같은 효과가 있습니까? 또한 각 하위 요소에 패딩을 넣지 않으려면 DIV를 사용하지 않고 모든 하위 요소 주위에 패딩이 필요합니다. – MetaDark

+0

흠, 나는 그것이 당신이 의미하는 바를 오해했을 것입니다. 그것이 당신이 그것을 사용하는 방법이라면, 메인 엘리먼트에 패딩을 추가해서는 안됩니다. 왜 당신은'ELEMENT * {...} '를 사용하지 않겠습니까? –

+0

위의 내용에 대한 답변을 편집했지만 반복하겠습니다. 각 개별 요소에 패딩을 넣지 않으려면 요소 그룹 주위에 패딩이 필요합니다. 그러나 패딩을 요소 {...}에 배치하면 패딩 양에 따라 요소의 크기가 커집니다. – MetaDark

관련 문제