개구리왕코드
close
프로필 배경
프로필 로고

개구리왕코드

  • :: (7)
    • Mark Up (2)
      • HTML (2)
    • Style Sheet (5)
      • CSS (5)
    • Language (0)
      • Javascript (0)
      • Typescript (0)
    • Framework (0)
      • Laravel (0)
    • Library (0)
      • JQuary (0)
      • JS 라이브러리 (0)
    • Snippet (0)
      • CSS 스니펫 (0)
      • JS 스니펫 (0)
    • DBMS (0)
      • 데이터베이스 이론 (0)
      • MySQL (0)
      • MongoDB (0)
    • Server (0)
      • NGINX (0)
    • GIT (0)
    • 자료구조 (0)
    • 알고리즘 (0)
    • 디자인 패턴 (0)
    • 개발지식 (0)
    • IDE (0)
      • VSCode (0)
    • Error 모음 (0)
    • 문제풀이 (0)
      • 프로그래머스 (0)
  • 홈
  • 태그
  • 방명록
  • 글쓰기
  • 관리
[CSS] CSS 선택자(selector) 우선순위

[CSS] CSS 선택자(selector) 우선순위

CSS 선택자(selector) 우선순위 CSS 선택자 우선순위는 스타일 규칙이 적용될 때 어떤 규칙이 우선적으로 적용되는지를 결정합니다. 기준은 다음과 같습니다. 점수가 높은 선언이 우선합니다. 점수가 같으면, 가장 마지막에 작성된 선언이 우선합니다. 점수는 비유가 아닌 진짜 점수입니다. 선택자 점수 매기기 !important : 무한 ♾️ div { color: red !important; } !important를 속성 값 옆에 작성하면 우선순위가 가장 높게 부여가됩니다. 인라인 선언 : 1000점 Contents 인라인 작성 방식은 html 문서 내부에서 style 속성에 직접 스타일을 작성합니다. 우선순위가 너무 높기 때문에 CSS에서 !important를 써주지 않는 이상 다른 스타일을 덮을 수..

  • format_list_bulleted Style Sheet/CSS
  • · 2024. 3. 14.
  • textsms
  • navigate_before
  • 1
  • navigate_next
공지사항
전체 카테고리
  • :: (7)
    • Mark Up (2)
      • HTML (2)
    • Style Sheet (5)
      • CSS (5)
    • Language (0)
      • Javascript (0)
      • Typescript (0)
    • Framework (0)
      • Laravel (0)
    • Library (0)
      • JQuary (0)
      • JS 라이브러리 (0)
    • Snippet (0)
      • CSS 스니펫 (0)
      • JS 스니펫 (0)
    • DBMS (0)
      • 데이터베이스 이론 (0)
      • MySQL (0)
      • MongoDB (0)
    • Server (0)
      • NGINX (0)
    • GIT (0)
    • 자료구조 (0)
    • 알고리즘 (0)
    • 디자인 패턴 (0)
    • 개발지식 (0)
    • IDE (0)
      • VSCode (0)
    • Error 모음 (0)
    • 문제풀이 (0)
      • 프로그래머스 (0)
최근 글
인기 글
최근 댓글
태그
  • #kingfrogcode
  • #CascadingStyleSheets
  • #인라인선언
  • #HTML
  • #HypertextMarkupLanguage
  • #css선택자우선순위
  • #부정선택자
  • #개구리왕코드
  • #CSS
  • #마크업언어
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바