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에서 유추할 수 있습니다.
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에서 유추할 수 있습니다.
12년 전
감사합니다 이해가 조금되네여
LaRuota
12년 전
올려두신 질문에 의거하여 답변드리자면
공백의 경우.
부모자식관계 즉 포함관계를 의미한다고 생각하시면됩니다.
예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을 의미하는것이 됩니다.
공백의 경우.
부모자식관계 즉 포함관계를 의미한다고 생각하시면됩니다.
예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년 전
아 이런 방법이...
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 7830 | 10년 전 | 448 | ||
| 7829 |
 gilynh |
10년 전 | 633 | |
| 7828 | 10년 전 | 558 | ||
| 7827 | 10년 전 | 457 | ||
| 7826 | 10년 전 | 468 | ||
| 7825 | 10년 전 | 509 | ||
| 7824 | 10년 전 | 469 | ||
| 7823 | 10년 전 | 412 | ||
| 7822 | 10년 전 | 388 | ||
| 7821 | 10년 전 | 331 | ||
| 7820 | 10년 전 | 361 | ||
| 7819 |
 ABC디자인 |
10년 전 | 761 | |
| 7818 | 10년 전 | 411 | ||
| 7817 | 10년 전 | 571 | ||
| 7816 | 10년 전 | 429 | ||
| 7815 | 10년 전 | 626 | ||
| 7814 | 10년 전 | 465 | ||
| 7813 | 10년 전 | 417 | ||
| 7812 | 10년 전 | 428 | ||
| 7811 | 10년 전 | 410 | ||
| 7810 | 10년 전 | 603 | ||
| 7809 | 10년 전 | 539 | ||
| 7808 | 10년 전 | 413 | ||
| 7807 | 10년 전 | 433 | ||
| 7806 |
프로그래머7
|
10년 전 | 1356 | |
| 7805 | 10년 전 | 1298 | ||
| 7804 |
zahir1312
|
10년 전 | 794 | |
| 7803 |
ABC디자인 |
10년 전 | 1396 | |
| 7802 | 10년 전 | 490 | ||
| 7801 | 10년 전 | 880 | ||
| 7800 | 10년 전 | 1101 | ||
| 7799 | 10년 전 | 582 | ||
| 7798 | 10년 전 | 534 | ||
| 7797 | 10년 전 | 546 | ||
| 7796 | 10년 전 | 384 | ||
| 7795 | 10년 전 | 538 | ||
| 7794 | 10년 전 | 581 | ||
| 7793 | 10년 전 | 1079 | ||
| 7792 | 10년 전 | 502 | ||
| 7791 | 10년 전 | 584 | ||
| 7790 | 10년 전 | 523 | ||
| 7789 |
fbastore
|
10년 전 | 1472 | |
| 7788 | 10년 전 | 574 | ||
| 7787 | 10년 전 | 432 | ||
| 7786 | 10년 전 | 634 | ||
| 7785 | 10년 전 | 617 | ||
| 7784 | 10년 전 | 672 | ||
| 7783 | 10년 전 | 485 | ||
| 7782 | 10년 전 | 520 | ||
| 7781 | 10년 전 | 923 | ||
| 7780 | 10년 전 | 839 | ||
| 7779 | 10년 전 | 793 | ||
| 7778 | 10년 전 | 377 | ||
| 7777 | 10년 전 | 487 | ||
| 7776 | 10년 전 | 485 | ||
| 7775 | 10년 전 | 425 | ||
| 7774 | 10년 전 | 640 | ||
| 7773 | 10년 전 | 397 | ||
| 7772 | 10년 전 | 763 | ||
| 7771 | 10년 전 | 417 | ||
| 7770 | 10년 전 | 664 | ||
| 7769 | 10년 전 | 417 | ||
| 7768 | 10년 전 | 636 | ||
| 7767 | 10년 전 | 1199 | ||
| 7766 | 10년 전 | 520 | ||
| 7765 | 10년 전 | 572 | ||
| 7764 |
잘살아보자
|
10년 전 | 423 | |
| 7763 |
 foxrain |
10년 전 | 1486 | |
| 7762 |
Tosea
|
10년 전 | 1081 | |
| 7761 | 10년 전 | 678 | ||
| 7760 |
잘살아보자
|
10년 전 | 723 | |
| 7759 |
잘살아보자
|
10년 전 | 563 | |
| 7758 |
잘살아보자
|
10년 전 | 624 | |
| 7757 | 10년 전 | 1265 | ||
| 7756 |
ITBANK
|
10년 전 | 1277 | |
| 7755 | 10년 전 | 1940 | ||
| 7754 | 10년 전 | 1087 | ||
| 7753 | 10년 전 | 907 | ||
| 7752 | 10년 전 | 1413 | ||
| 7751 |
잘살아보자
|
10년 전 | 561 | |
| 7750 |
잘살아보자
|
10년 전 | 495 | |
| 7749 |
잘살아보자
|
10년 전 | 515 | |
| 7748 |
잘살아보자
|
10년 전 | 538 | |
| 7747 |
잘살아보자
|
10년 전 | 615 | |
| 7746 |
잘살아보자
|
10년 전 | 694 | |
| 7745 |
잘살아보자
|
10년 전 | 936 | |
| 7744 |
잘살아보자
|
10년 전 | 433 | |
| 7743 | 10년 전 | 961 | ||
| 7742 |
starbros
|
10년 전 | 855 | |
| 7741 |
잘살아보자
|
10년 전 | 696 | |
| 7740 |
잘살아보자
|
10년 전 | 580 | |
| 7739 |
잘살아보자
|
10년 전 | 478 | |
| 7738 |
잘살아보자
|
10년 전 | 558 | |
| 7737 |
잘살아보자
|
10년 전 | 534 | |
| 7736 |
잘살아보자
|
10년 전 | 551 | |
| 7735 |
잘살아보자
|
10년 전 | 884 | |
| 7734 |
잘살아보자
|
10년 전 | 443 | |
| 7733 |
잘살아보자
|
10년 전 | 560 | |
| 7732 |
잘살아보자
|
10년 전 | 720 | |
| 7731 |
잘살아보자
|
10년 전 | 640 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기