CSS:선택자: 두 판 사이의 차이

2021년 6월 3일 (목) 23:25 판

틀:CSS. css에 대한 문서들을 담아두기 위한 틀.

어디에 스타일을 적용할 것인지 그 위치를 지정해주어야 한다. 이를 위한 도구 선택자.

의도	설명	선택자 형태
범용선택자	모든 곳에 적용함을 알려주는 선택자.	*
타입선택자	특정 태그에 적용되는 내용을 지정하는 선택자.	태그명
class선택자	클래스에 대해 적용함을 알려주는 선택자. 여러 클래스를 적용할 수도 있다. <class="클래스1 클래스2"...> 형식으로 띄어쓰기를 통해 다양한 클래스를 적용할 수 있다.	.클래스명
id선택자	id 속성에 따라 적용하는 영역을 찾는다. 일반적으로 id는 한번만 사용되기에, 유일하게 적용할 부분에서 사용한다.	#아이디

의도	설명	선택자 형태
클래스 안의 태그를 선택하고 싶은 경우	'>' 를 이용하여 태그를 지정한다.	.클래스명 > 태그명{....}
마우스가 올려진 경우에 적용하고 싶을 때	':' 를 이용하여 지정한다. 해당 선택자 뒤에 ':hover'를 붙여 적용.	.클래스명 > 태그명:hover{각종 속성}

@@ 1번째 줄: / 1번째 줄: @@
 {{CSS}}
-== 개요 ==
+==개요==
 어디에 스타일을 적용할 것인지 그 위치를 지정해주어야 한다. 이를 위한 도구 선택자.
 <br />
@@ 30번째 줄: / 30번째 줄: @@
 |#아이디
 |}
+=== 가상선택자 ===
 {| class="wikitable"
 !의도