개인코딩개발공장

  • 홈
  • 태그
  • 방명록

2023/02/27 1

css우선순위, 미디어쿼리 css적용이 안될때는?

#우선순위 css를 수정하면서 미디어쿼리가 적용이 안되는 경우를 보았다. 이런경우엔 css우선순위 문제가 있을경우이다. 개발자도구에서 적용안되는 태그를 클릭해서 우선순위로 적용된걸 볼 수 있다. # 예시 / 해결방법 .class_b{ .class_a { font-size : 1em; } } 이런 클래스에 적용한 속성이 있는데, @media (max_width : 400px){ .class_a { font-size : 0.7em; } } 이렇게 모바일 환경에따라 class_a의 폰트사이즈를 적용하려고 할때, 미디어 쿼리가 적용이 안된다면? 원 css파일처럼 class_b로 감싸주면 된다. @media (max_width : 400px){ .class_b{ .class_a { font-size : 0.7em..

webStyling/design 2023.02.27
1
더보기
프로필사진

지극히 이기적인 개발 블로그입니다. https://nurd.work/

  • 분류 전체보기 (308)
    • javaScript (94)
      • concept (4)
      • jsDeepDive (26)
      • vueJs (17)
      • react (10)
      • typeScript (5)
      • nodeJs (22)
      • error (6)
      • etc (4)
    • AWS (13)
      • concept (7)
      • etc (6)
    • k8s (46)
      • concept (23)
      • CKA (16)
      • docker (6)
      • etc (1)
    • network (6)
      • ciscoPacketTracer (3)
      • vyOS (3)
    • webStyling (9)
      • design (9)
    • security (3)
      • application (3)
    • database (15)
      • MYSQL (13)
      • mongoDB (0)
      • redis (0)
      • etc (2)
    • etc (19)
      • python (3)
      • devTools (6)
      • etcTools (10)
    • linux (11)
      • concept (5)
      • etc (6)
    • project (18)
      • teamProject (2)
      • selfProject (4)
      • miniCode (12)
    • git (20)
      • git (6)
      • gitAction (1)
      • etc (13)
    • personal (22)
      • dailyLife (19)
      • ponderings (3)
    • designTools (24)
      • illustrator (4)
      • photoshop (13)
      • afterEffects (1)
      • premierePro (6)

Tag

ㅗㄱ,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2023/02   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바