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

css질문입니다...

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

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

질문2]


.gnb ccc hhh.hhh{ 
}

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



질문3]

  .gnb hhh .hhh{ 

}

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




|

댓글 4개

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을 의미하는것이 됩니다.
아 이런 방법이...
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

+
제목 글쓴이 날짜 조회
12년 전 조회 6,469
12년 전 조회 7,520
12년 전 조회 2,522
12년 전 조회 2,316
12년 전 조회 1,950
12년 전 조회 2,469
12년 전 조회 2,346
12년 전 조회 2,343
12년 전 조회 2,125
12년 전 조회 2,374
12년 전 조회 2,850
12년 전 조회 2,983
12년 전 조회 2,240
12년 전 조회 3,339
12년 전 조회 2,146
12년 전 조회 2,442
12년 전 조회 3,198
12년 전 조회 3,409
12년 전 조회 3,259
12년 전 조회 3,340
12년 전 조회 3,932
12년 전 조회 2,514
12년 전 조회 3,016
12년 전 조회 5,169
12년 전 조회 3,017
12년 전 조회 3,085
12년 전 조회 2,862
12년 전 조회 2,485
12년 전 조회 2,726
12년 전 조회 2,638
12년 전 조회 2,822
12년 전 조회 3,452
12년 전 조회 3,024
12년 전 조회 2,851
12년 전 조회 5,440
12년 전 조회 3,060
12년 전 조회 2,335
12년 전 조회 3,018
12년 전 조회 2,153
12년 전 조회 2,384
12년 전 조회 2,790
12년 전 조회 2,679
12년 전 조회 6,663
12년 전 조회 4,035
12년 전 조회 3,279
12년 전 조회 2,069
12년 전 조회 3,604
12년 전 조회 2,252
12년 전 조회 2,554
12년 전 조회 2,311
12년 전 조회 4,842
12년 전 조회 2,189
12년 전 조회 5,068
12년 전 조회 2,780
12년 전 조회 3,065
12년 전 조회 3,665
12년 전 조회 3,739
12년 전 조회 1,991
12년 전 조회 2,081
12년 전 조회 2,736
12년 전 조회 2,060
12년 전 조회 2,215
12년 전 조회 8,002
12년 전 조회 2,001
12년 전 조회 2,269
12년 전 조회 1,928
12년 전 조회 1,962
12년 전 조회 2,209
12년 전 조회 2,205
12년 전 조회 3,171
12년 전 조회 3,189
12년 전 조회 2,764
12년 전 조회 6,679
12년 전 조회 2,952
12년 전 조회 3,039
12년 전 조회 2,428
12년 전 조회 3,417
12년 전 조회 2,828
12년 전 조회 4,520
12년 전 조회 4,010
12년 전 조회 3,363
12년 전 조회 3,846
12년 전 조회 3,310
12년 전 조회 3,098
12년 전 조회 2,470
12년 전 조회 2,592
12년 전 조회 7,032
12년 전 조회 4,094
12년 전 조회 4,559
12년 전 조회 3,181
12년 전 조회 2,897
12년 전 조회 2,293
12년 전 조회 3,275
12년 전 조회 2,384
12년 전 조회 2,912
12년 전 조회 4,163
12년 전 조회 3,798
12년 전 조회 3,134
12년 전 조회 8,081
12년 전 조회 3,936