테스트 사이트 - 개발 중인 베타 버전입니다

공백과 쩜의 의미가 궁금합니다

· 12년 전 · 840 · 4
css질문입니다...

css파일 줄을 보면..
질문1]

 .gnb hhh{
}
이렇게 가운데 공백은 무슨의미인가요?

질문2]


.gnb ccc hhh.hhh{ 
}

이렇게 hhh와hhh사이에 쩜이 딱하나 공백업이 있는건 무슨의미인가요?



질문3]

  .gnb hhh .hhh{ 

}

이렇게 hhh와hhh사이에 쩜하나 공백하나  있는건 무슨의미인가요?




댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 4개

12년 전
css 에는 선택자라는 게 있습니다. 이걸 찾아보시면 이해가 빠르실겁니다.
http://www.w3.org/TR/CSS21/selector.html
예를 들어 다음과 같은 문서 구조가 있다고 가정해보죠.

<ul id="unordered">
<li class="first">첫번째</li>
<li>두번째</li>
<li>세번째</li>
</ul>

답변1.
첫번째 질문은 예시 문서 구조로 치면 #unordered li {} 와 같습니다.
#unordered 에 속한 모든 li 에 스타일이 적용됩니다.

답변2.
두번째 질문은 예시 문서 구조로 치면 ul#unordered 와 같습니다.
ul 중에서 unordered 라는 아이디를 가진 요소에만 스타일이 적용됩니다.

답변3.
답변1과 2에서 유추할 수 있습니다.
감사합니다 이해가 조금되네여
올려두신 질문에 의거하여 답변드리자면
공백의 경우.
부모자식관계 즉 포함관계를 의미한다고 생각하시면됩니다.
예1)
p strong {} => p 요소에 포함된 모든 strong 자식요소를 의미하게 됩니다.

. 은 class, #은 id 를 의미합니다.

예2)
p .abc {} => 공백이 있기때문에 p 요소에 포함된 abc라는 class를 가진 자식요소를 의미하게 됩니다.
예3)
p.abc {} = > 공백이 없는 이경우는 abc라는 class를 가진 p 라는 의미입니다. 즉 공백이 없이 붙여져 있으면 자신을 의미하게 됩니다.
예4)
li.a span#abc {} => 위를 응용하면 a라는 클래스를 가진 li의 자식요소중 abc라는 id를 가진 span을 의미하는것이 됩니다.
아 이런 방법이...

게시글 목록

번호 제목
5722
31534
5717
19190
19181
19177
19173
19171
27353
19169
24530
27350
19161
19159
19156
19154
19152
19150
19147
19145
19143
19141
30830
19135
19129
19124
19118
19115
19111
19108
19104
19101
19098
19094
27342
19093
26548
19090
19088
19086
24524
31526
26539
32021
32015
5705
26533
24510
26524
24507
24506
19082
24498
5702
27337
32011
19080
19075
19073
19072
27330
27328
32010
32005
32001
19071
19063
31998
31994
5676
27327
31989
5671
5666
19056
31988
31987
31981
26515
30823
19050
19047
19039
31969
5649
27323
31963
19027
19020
19017
19014
19009
19005
31949
18998
18994
18988
18982
31941
31934