[HTML/CSS] CSS 선택자

유하민 2025. 5. 14. 18:40

2025. 5. 14. 18:40

: <body> 태그에서 사용된 태그를 이용해 style 적용

태그 선택자를 사용하면 해당 html 모든 태그에 적용이된다.

: <body> 태그안에서 요소를 사용할 때 id 속성을 설정하고

아이디는 유일한 이름을 가지고 있다. 유일한 식별자

: <body> 태그안에서 요소를 사용할 때 class 속성을 설정하고

클래스 선택자는 아이디선택자와 달리 여러 태그에 같은 이름의 class를 설정하고 동시에 적용할 수 있다.

* {}

하위 선택자는 띄어쓰기로 지정 가능하다.

<style>
#main h2 { 
    color:blue;
}
</style>
<body>
    <div id="main">
        <h2> 안녕 </h2>
    </div>
</body>

위 코드의 <style> 태그 내용은 "main"이라는 이름을 가진 아이디 하위에<h2> 태그를 선택자로 지정해 스타일을 적용한 것이다.

, 를 이용해 두 개 이상의 선택자를 한 번에 스타일 적용이 가능하다.

h2, #main h3 { color:blue; }

일상