[CSS 강좌] 아이디 선택자(ID Selector)
아이디 선택자
아이디 선택자(ID Selector)는 특정 값을 id 속성(attribute)의 값으로 갖는 요소(element)를 선택합니다. 속성값 앞에 #을 붙여 아이디임을 나타냅니다. 예를 들어
#abc {
color: red;
}
는 id 속성값으로 abc를 갖는 요소를 빨간색으로 만듭니다.
예제
id 값으로 abc를 갖는 요소를 빨간색으로 만드는 예제입니다.
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>CSS</title>
<style>
#abc {
color: red;
}
</style>
</head>
<body>
<p id="abc">아티월드 코리아에서 CSS를 공부합니다.</p>
<p>Study CSS in IT Wolrdkorea.</p>
</body>
</html>
위의 CSS 코드를 실행한 값은 아래와 같습니다.
'홈페이지제작 > CSS' 카테고리의 다른 글
| [CSS 강좌 ] 목록 꾸미기 ( list-style-type ) (0) | 2017.12.07 |
|---|---|
| [CSS강좌] CSS강좌속성과 상속하지 않는 속성 (0) | 2017.12.05 |
| [CSS 기초] 클래스 선택자(Class Selector) (0) | 2017.11.25 |
| [CSS 기초] 타입 선택자(Type Selector) (0) | 2017.11.25 |
| [CSS 기초] 전체 선택자(Universal Selector) (0) | 2017.11.25 |
itworldkorea
IT korea가 세상(world)을 변화시킨다.