CSS 선택자

kakk789 2022. 1. 19. 22:41

선택자

<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>

저작자표시 (새창열림)