wms's Programming&Study

[CSS] CSS 선택자③ - 선택자의그룹화 본문

Programming/CSS

[CSS] CSS 선택자③ - 선택자의그룹화

wms2275 2019. 9. 30. 03:32

[속성 선택자 (Attribute Selector)]

- 속성 선택자는 HTML 요소의 속성을 참조하여 선택하는 방법.

이때 속성의 지정 여부나 속성 값의 일치 여부로 선택할 수 있다.

 

[선택자 그룹화]

- 모든 선택자는 Comma(,)를 사용하여 그룹으로 한 번에 선언할 수 있다.

선택자를 그룹으로 선언할 경우 선언된 모든 선택자에는 동일한 선언이 적용.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Insert title here</title>
		<style>
			.title, #example, p {
				color:				#0000FF;
				text-decoration:	underline;
			}
		</style>
	</head>
	<body>
		<h1 class="title">선택자의 그룹화</h1>
		<h2 id="example">선택자의 그룹화 예시</h2>
		<p>모든 선택자는 ,를 사용하여 그룹으로 한 번에 선언할 수 있다.</p>
		<h1 class="title2">선택자의 그룹화</h1>
		<h2 id="example2">선택자의 그룹화 예시</h2>
	</body>
</html>

▶ 결과화면

저작자표시 비영리 변경금지

'Programming > CSS' 카테고리의 다른 글

[CSS] CSS 선택자② - 가상클래스선택자, 부모자식선택자  (0) 2019.09.29
[CSS] CSS 선택자① - id선택자, 클래스선택자  (0) 2019.09.28
'Programming/CSS' Related Articles more