'.' 선택기
'.' 선택자는 클래스 수준 선택자입니다. 점 연산자는 여러 html 요소에 적용할 수 있는 스타일 클래스를 만드는 데 사용됩니다.
'#' 선택기
'#' 선택자는 요소 수준 선택자입니다. 해시 연산자는 '#' 선택기에서 사용된 것과 id가 동일한 특정 요소에 스타일을 적용하는 데 사용됩니다.
예시
다음 예에서는 '.'의 사용법을 보여줍니다. 3개의 div 요소에 대한 '#' 선택기.
<!DOCTYPE html>
<html>
<head>
<title>Selector Example>/title>
<style>
.blackBorder {
border: 2px solid black;
}
#redDiv {
border: 2px solid red;
}
</style>
</head>
<body>
<div> No Border Box </div>
<div class="blackBorder"> Black Border Box </div>
<div id="redDiv"> Red Border Box </div>
<div> No Border Box </div>
<div class="blackBorder"> Black Border Box </div>
</body>
</html>