카테고리 없음

class / id / 태그 셀렉터 우선순위

GABOJOK 2023. 6. 22. 14:11

css에서 호출

보통은 원하는 곳에  class를 붙여주고, 그 붙인 이름을 가져와서 아래처럼 쓴다. class selector(10점 짜리)

. class 이름 {

 

}

가끔 태그 자체로 호출하는 경우도 있는데, 예를들면 모든 <p>를 가운데 정렬 하고 싶다면. tag selector(1점 짜리)

p{

     text-alingn : center;

}

또 class가 아닌 id명을 붙여서 그걸로 불러올 수 도 있다. 그럴때는 . 이 아닌 #을 붙임. id selector (100점 짜리)

# id이름 {

 

}

그러나 자바스크립트를 개발할때 주로 사용하기 때문에 스타일을 위해서 잘 쓰지 않는다. 

 

만약 내용에 대해 서로 다른 주장을 하고 있다면, 

 

style="" (1000점)
#id (100점)
.class (10점) 
p (1점)

 

정확한 카운트법은 아니지만 아무튼 이런 식입니다.

점수가 높을 수록 더 우선적으로 적용됩니다.