JUST GO
[선택자] ID 선택자 본문
ID 선택자
- ID 선택자(ID Selector)는 CSS 속성(Property)을 적용하기 위해 사용하는 선택자 중 하나로, 태그가 가진 아이디의 이름을 활용하되, 그 이름 앞에 샾(#)을 붙인다.
- 다음과 같이 작성한다.("는 없는 것으로 한다.)
"#아이디 이름" {
"속성" : "속성 값";
"속성" : "속성 값";
"속성" : "속성 값";
}
- CSS 스타일을 주기 위해 ID를 부여하는 것은 추 후에 ID가 겹칠 가능성을 제공함으로 사용을 자제한다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>ID 선택자</title>
<style>
div#someDiv.apple {
/* div 태그 이면서 someDiv 라는 id를 가지고 apple 이라는 클래스를 가지는... */
color: red;
}
</style>
</head>
<body>
<div class="apple" id="someDiv">DIVDIV</div>
</body>
</html>'CSS > 학습내용' 카테고리의 다른 글
| [선택자] 선택자 종류 (0) | 2022.10.03 |
|---|---|
| [결합자] 결합자 종류 (0) | 2022.10.03 |
| [선택자] 클래스 선택자 (0) | 2022.10.03 |
| [속성] grid (0) | 2022.10.03 |
| [속성] flex (0) | 2022.10.03 |