[CSS] selector

CSS selector: html에 작성한 요소에 접근하는 방법

inaternal: HTML문서 내에서 CSS style 적용

<html>
<style>
	h1 {color: red}
</style>
<body>
	<h1>inaternal</h1>
</body>
</html>

external: HTML문서 내에서 CSS파일 연동하는 방법

<lin rel="stylesheet" href="css파일경로.파일명.확장자">

inline: 태그 내에서 style 적용

<html>
<body>
	<h1 style="color: red;">inaternal</h1>
</body>
</html>

전체 selector: 모든 요소에 접근

* { }

태그 selector: 태그에 접근

div { }

p { }

Class selector: 클래스에 접근

.container{ }

Id selector: 아이디에 접근

#container { }

자식 selector: 부모의 밑에 있는 자식 요소에 접근

body > div { }