2. 기본 선택자

1. 전체 선택자

• HTML에서 사용할 수 있는 모든 요소를 전부 지정하는 방법
• *기호로 표시
• html, head,title,style,body 태그 등 모든 요소가 선택된 것

/* 형식 */
<style>
	*{/*CSS코드*/}

2. 태그 선택자

• 모든 특정 태그에 해당하는 요소가 선택됨

/* 형식 */
태그명{/* CSS코드 */}

3. 아이디 선택자

• id 속성값을 이용해 선택자를 지정
• 속성값 앞에 #을 붙임

/* 형식 */
#id 속성값{/* CSS 코드 */}

4. 클래스 선택자

• HTML 태그의 class 속성값을 이용해 지정
• 속성값 앞에 .붙임

/* 형식 */
.class속성값{/* CSS 코드 */}

• 실무에서 가장 많이 사용하는 선택자 지정법
• 잘 정의하면 여러곳에 사용 가능(class 속성값이 중복 사용가능하기 때문)

5. 기본 속성 선택자

• 속성과 속성값을 이요해 선택자를 지정

/* 형식 */
[속성]{/* CSS 코드 */}
[속성=값]{/* CSS 코드 */}

• 태그에 해당 속성/속성과 속성값이 일치하는 요소에 스타일 적용됨

※  속성 선택자는 다른 선택자와 함께 사용 가능

/* 예시 */
a[href]{} /* a 태그들 중 href 속성이 있는 요소 */

#title[hreaf]{} /* class 속성값이 title 이면서 href 속성이 있는 요소 */

.title[href]{} /* class 속성값이 title 이면서 href 속성이 있는 요소 */

[href]{} /* 어떤 요소 건 간에 href 속성만 있으면 선택 */

6. 문자열 속성 선택자

• 태그가 가진 속성값이 특정 문자열과 일치하는 요소를 선택자로 지정
• 기본 석성 선택자와 비슷함
• 잘 안쓰임

[속성~=문자열]  : 속성값에 문자열이 포함되어 있으면 선택(단어 기준)

[속성|=문자열]  :  속성값이 문자열과 같거나 문자열-(하이푼)으로 시작하면 선택

[속성^=문자열]  : 속성값이 문자열로 시작하면 선택

[속성$=문자열]  : 속성값이 문자열로 끝나면 선택

[속성*=문자열]  :  속성값에 문자열이 포함되면 선택(전체 값 기준)