CSS:선택자 - 편집 역사

2021년 6월 10일 (목) 15:03에 Sam님의 편집

2021-06-10T15:03:12Z

@@ 31번째 줄: / 31번째 줄: @@
 |}
-=== 가상선택자 ===
+=== 실사용 ===
 {| class="wikitable"
 !의도

Sam: /* 선택자 */

2021-06-03T14:25:03Z

선택자

← 이전 판		2021년 6월 3일 (목) 14:25 판
1번째 줄:		1번째 줄:
	{{CSS}}		{{CSS}}

	== 개요 ==		==개요==
	어디에 스타일을 적용할 것인지 그 위치를 지정해주어야 한다. 이를 위한 도구 선택자.		어디에 스타일을 적용할 것인지 그 위치를 지정해주어야 한다. 이를 위한 도구 선택자.
	<br />		<br />
30번째 줄:		30번째 줄:
	\|#아이디		\|#아이디
	\|}		\|}

			=== 가상선택자 ===
	{\| class="wikitable"		{\| class="wikitable"
	!의도		!의도

Sam: 새 문서: {{CSS}} == 개요 == 어디에 스타일을 적용할 것인지 그 위치를 지정해주어야 한다. 이를 위한 도구 선택자.
==선택자== {| class="wikitable" !...

2021-06-03T13:20:42Z

새 문서: {{CSS}} == 개요 == 어디에 스타일을 적용할 것인지 그 위치를 지정해주어야 한다. 이를 위한 도구 선택자. <br /> ==선택자== {| class="wikitable" !...

새 문서

{{CSS}}

== 개요 ==
어디에 스타일을 적용할 것인지 그 위치를 지정해주어야 한다. 이를 위한 도구 선택자.
<br />
==선택자==
{| class="wikitable"
!의도
!설명
!선택자 형태
|-
|범용선택자
|모든 곳에 적용함을 알려주는 선택자.
|*
|-
|타입선택자
|특정 태그에 적용되는 내용을 지정하는 선택자.
|태그명
|-
|class선택자
|클래스에 대해 적용함을 알려주는 선택자.
여러 클래스를 적용할 수도 있다.

<class="클래스1 클래스2"...> 형식으로 띄어쓰기를 통해 다양한 클래스를 적용할 수 있다.
|.클래스명
|-
|id선택자
|id 속성에 따라 적용하는 영역을 찾는다.
일반적으로 id는 한번만 사용되기에, 유일하게 적용할 부분에서 사용한다.
|#아이디
|}
{| class="wikitable"
!의도
!설명
!선택자 형태
|-
|클래스 안의 태그를 선택하고 싶은 경우
|'>' 를 이용하여 태그를 지정한다.
|.클래스명 > 태그명{....}
|-
|마우스가 올려진 경우에 적용하고 싶을 때
|':' 를 이용하여 지정한다.
해당 선택자 뒤에 ':hover'를 붙여 적용.
|.클래스명 > 태그명:hover{각종 속성}
|}

CSS:선택자 - 편집 역사

2021년 6월 10일 (목) 15:03에 Sam님의 편집

Sam: /* 선택자 */

Sam: 새 문서: {{CSS}} == 개요 == 어디에 스타일을 적용할 것인지 그 위치를 지정해주어야 한다. 이를 위한 도구 선택자. ==선택자== {| class="wikitable" !...

Sam: 새 문서: {{CSS}} == 개요 == 어디에 스타일을 적용할 것인지 그 위치를 지정해주어야 한다. 이를 위한 도구 선택자.
==선택자== {| class="wikitable" !...