language:css:기본_요약
차이
문서의 선택한 두 판 사이의 차이를 보여줍니다.
양쪽 이전 판이전 판다음 판 | 이전 판 | ||
language:css:기본_요약 [2021/06/03 16:45] – kieuns | language:css:기본_요약 [2024/04/23 22:44] (현재) – 바깥 편집 127.0.0.1 | ||
---|---|---|---|
줄 1: | 줄 1: | ||
~~Title:CSS 선택자에 대해서~~ | ~~Title:CSS 선택자에 대해서~~ | ||
+ | |||
+ | {{section> | ||
======CSS 선택자에 대해서====== | ======CSS 선택자에 대해서====== | ||
줄 7: | 줄 9: | ||
<code css> | <code css> | ||
/* 한줄 주석 */ | /* 한줄 주석 */ | ||
+ | |||
/* | /* | ||
여러줄 주석 | 여러줄 주석 | ||
줄 30: | 줄 33: | ||
</ | </ | ||
- | | + | <code css> |
+ | * { color: blue; } | ||
+ | </ | ||
- | 선택자를 '' | + | 선택자를 '' |
===== 태그 요소 선택자 ===== | ===== 태그 요소 선택자 ===== | ||
줄 42: | 줄 47: | ||
</ | </ | ||
- | | + | <code css>h2 { color: red; }</ |
- | 선택자 '' | + | 선택자 '' |
===== 아아디 선택자 ===== | ===== 아아디 선택자 ===== | ||
- | * 아이디 선택자 in CSS : ''#'' | + | * ''#'' |
<code html> | <code html> | ||
줄 56: | 줄 61: | ||
</ | </ | ||
- | | + | <code css>#hello { color: red; }</ |
- | html 태그에 '' | + | html 태그에 '' |
- | * ?? : '' | + | * ?? : '' |
===== 클래스 선택자 ===== | ===== 클래스 선택자 ===== | ||
- | * 클래스 선택자 in CSS : '' | + | * '' |
<code html> | <code html> | ||
줄 81: | 줄 86: | ||
===== 다중선택자 ===== | ===== 다중선택자 ===== | ||
- | * 선택자를 '','' | + | * 선택자를 '' |
<code css> | <code css> | ||
줄 104: | 줄 109: | ||
</ | </ | ||
- | | + | <code css>div p { color:blue; }</ |
* ''< | * ''< | ||
- | | + | <code css>.parent > p { color: green; }</ |
* '' | * '' | ||
두개의 차이가 미묘.. | 두개의 차이가 미묘.. |
language/css/기본_요약.1622706340.txt.gz · 마지막으로 수정됨: 2024/04/23 22:43 (바깥 편집)