language:css:기본_요약

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- language:css:기본_요약 [2021/06/03 16:54] – [선택자] kieuns
+++ language:css:기본_요약 [2024/04/23 22:44] (현재) – 바깥 편집 127.0.0.1
@@ 줄 1: / 줄 1: @@
 ~~Title:CSS 선택자에 대해서~~
+{{section>language:jquery:jquery_문서_목록#jQuery_문서_목록&nofooter&noeditbtn}}
 ======CSS 선택자에 대해서======
@@ 줄 35: / 줄 37: @@
 </code>
-선택자를 ''*''로 해두면 모든 요소를 선택하는 것이 된다.
+선택자를 '' * ''로 해두면 모든 요소를 선택하는 것이 된다.
 ===== 태그 요소 선택자 =====
@@ 줄 45: / 줄 47: @@
 </code>
-  h2 { color: red; }
+<code css>h2 { color: red; }</code>
-선택자 ''h2''를 사용한 부분만 선택된다.
+선택자 '' h2 ''를 사용한 부분만 선택된다.
 ===== 아아디 선택자 =====
-  * 아이디 선택자 in CSS : ''#''
+  * ''#'' ← 아이디 선택자 in CSS
 <code html>
@@ 줄 59: / 줄 61: @@
 </code>
-  #hello { color: red; }
+<code css>#hello { color: red; }</code>
-html 태그에 ''id''를 사용해서 값을 설정하고 css 에서는 아이디 선택자 ''#''를 사용해서 요소를 선택한다.
+html 태그에 '' id ''를 사용해서 값을 설정하고 css 에서는 아이디 선택자 '' # ''를 사용해서 요소를 선택한다.
-  * ?? : ''id''는 여러개 쓰게 되면 어떤게 선택되는걸까?
+  * ?? : '' id ''는 여러개 쓰게 되면 어떤게 선택되는걸까?
 ===== 클래스 선택자 =====
-  * 클래스 선택자 in CSS : ''.''
+  * ''.'' ← 클래스 선택자 in CSS
 <code html>
@@ 줄 84: / 줄 86: @@
 ===== 다중선택자 =====
-  * 선택자를 '',''를 사용해서 여러개를 선택자에 같은 스타일을 지정할 수 있다.
+  * 선택자를 '' , ''를 사용해서 여러개를 선택자에 같은 스타일을 지정할 수 있다.
 <code css>
@@ 줄 107: / 줄 109: @@
 </code>
-  div p { color:blue; }
+<code css>div p { color:blue; }</code>
   * ''<div>'' 태그 하위에 있는 모든 ''<p>'' 태그를 선택한다.
-  .parent > p { color: green; }
+<code css>.parent > p { color: green; }</code>
   * ''.parent > p'' 는 ''parent'' 클래스를 가진 요소에서 모든 ''<p>'' 태그만을 선택한다.
 두개의 차이가 미묘..

language/css/기본_요약.1622706871.txt.gz · 마지막으로 수정됨: 2024/04/23 22:43 (바깥 편집)