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