선택자
<style> 태그로 감싸져 있고 보통 <head> 태그 안에 적용 시킴(CSS 임을 알려주는 구분자임)
- class 선택자= .(dot)으로 표현
- id 선택자= #으로 표현
- 태그 선택자 = 선택한 특정 태그 전체의 값이 모두 바뀜
- 우선순위 : id 선택자 > class 선택자 > 태그 선택자
<style>
.js{ <!-- Class 선택자 -->
font-weight:bold;
color:red;
}
#first{ <!-- id 선택자 -->
color:green;
}
span{ <!-- 태그 선택자 (여기서는 현재 모든 span 태그를 의미)-->
color:blue
}
</style>
반응형
'개발 > 자바스크립트 및 프론트' 카테고리의 다른 글
| 번들러 (bundler) (0) | 2022.01.20 |
|---|---|
| div, span 태그 (0) | 2022.01.19 |
| HTML 에서 빈도수가 가장 높은 태그 (0) | 2022.01.16 |
| Dom(Document Object Model), Virtual DOM (0) | 2021.12.29 |
| React, Vue.js, Angular, JQuery, Svelte (0) | 2021.12.29 |
댓글