본문 바로가기 메뉴 바로가기

글쓰는 개발자

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

글쓰는 개발자

검색하기 폼
  • 전체보기 (61)
    • 개발 (52)
      • 개발일지 (10)
      • 백엔드(Back-end) (4)
      • 프론트엔드(Front-end) (18)
      • 트러블 슈팅(Trouble Shooting) (9)
      • 알고리즘(Algorithm) (2)
      • 도서리뷰 (3)
      • 기타(Etc) (6)
    • 글, 생각. (9)
      • Essay (9)
      • 무제 (0)
      • 씀 (0)
  • 방명록

우선순위
(1)
[CSS] CSS 우선순위 정리

한줄요약. !important >>> inline >>> id선택자 >>> class명 >>> HTML 태그명 >>> DOM구조의 상위 상속 위에 요약한 것과 같이 아래 정리된 번호를 기준으로 낮은 번호가 우선순위가 높습니다. 즉, 1번과 2번이 동일한 Element를 가리키면서 CSS를 정의한다면, 1번 내용이 적용됩니다. 1. !important 가장 높은 우선순위입니다. 해당 키워드는 정의되는 CSS의 요소 값 뒤에 위치하게 됩니다. h3태그에 대해서 아래와 같은 CSS요소가 정의되어있다면 h3태그의 색상이 빨갛게 나오게 됩니다. .title-box{color: red !important;} .title-box{color: blue;} 타이틀 CSS는 일반적으로 후정의사항이 우선순위가 높게 책정됩니..

개발/프론트엔드(Front-end) 2021. 7. 20. 23:25
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
TAG
  • 개발자
  • Front-end
  • Vue.js
  • 프론트엔드
  • react
  • frontend
  • 웹
  • 웹개발
  • 개발
  • Vue
more
Total
Today
Yesterday
링크
«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바