html의 코드를 선택할 수 있어야하기 때문에 선택자라고 한다.
- 주석은 이렇게 사용한다. 한 가지 밖에 없다
< 선택자 (Selector) > { < 속성 (Property) > : < 값 >; < 속성 > : < 값 >; < 속성 > : < 값 >; }
'태그 이름' { '속성' : '값'; ..... }
<style> a { background-color: black; // 배경색상 color: red; // 글씨색상 } b { color: blue; } </style>
<a>Hello!</a>
<b>
<a>child</a>
</b>
<a>ABCD</a>
' 부모 선택자 ' > ' 자식 선택자 ' { .... }
body > a { font-size: 32px; // 글씨크기 }
b > a { text-decoration: underline; }
: 자식도 선택
' 선조 ' ' 자손 ( 후손 ) 혹은 자식 ' { ... }
<a>1</a>
<div>
<a>2</a>
<div>
<a>3</a>
<span>
<a>4</a>
</span>
</div>
</div>
<a>5</a>
div > a { color: red; }
div a { color: red; }