HTML / CSS [ CSS 우선순위 - ID 속성, CLASS 속성 ]

양혜정·2024년 3월 27일
0

HTML, CSS

목록 보기
7/21

CSS 우선순위

아이디(#) > 클래스(.) > 태그

동일한 태그 또는 동일한 클래스 또는 동일한 아이디 내에서 맨 마지막에 기술된 CSS 내용이 더 우선한다. ( 즉, 덮어씌워진다.)


ID 속성

  • 1개
  • `# 을 붙인다.
#id이름{
}

CLASS 속성

  • 여러개
  • . 을 붙인다.
.class이름{
}

문장태그 p

<p>문장~~~~</p>

class 여러개 적용하고 싶은 경우

, 을 하지 않고 스페이스(공백)을 띄워 사용

<div class="class1 class2">

클래스 명을 동일하게 하고 싶은 경우

-> Ex) P 태그의 class1, div 태그의 class1

p.class1{
}
div.class1{
}

정리

  • ch03_id_class -> 01_id_class.html

0개의 댓글

관련 채용 정보