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

구티

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

구티

검색하기 폼
  • 분류 전체보기 (172)
    • General (4)
    • MacOS (9)
    • Jenkins (3)
    • Linux (18)
    • Elastic Stack (19)
    • Spring (31)
    • Geography (1)
    • Tools (27)
    • GIT (1)
    • Gradle (8)
    • Java (16)
    • Prometheus & Grafana (0)
    • Spark & Scala (7)
    • Hadoop (1)
    • Synology (1)
    • Backend (3)
    • Cloud Platform (10)
      • AWS (10)
    • Web (0)
    • Frontend (3)
      • material-ui (1)
      • ReactJS (0)
    • Docker (5)
    • Database (3)
  • 방명록

selector (1)
CSS의 선택자와 Specificity

웹 개발을 하게 되면서, 로직을 구현하는 것도 어렵지만 이전에 웹 개발을 많이 해보지 않았다면 갑자기 bootstrap, material-ui 를 쓰다보면 그냥 거기서 제공해주는 기본 디자인으로 개발을 한다면야 크게 어렵지 않지만 실상은 항상 디자인을 변경해줘야 합니다. 그러다보니 CSS에 대한 기본 개념이 충실하게 잡혀있지 않으면 스타일을 override 하는 가이드라인이 잘 되어 있다한들 이해하는데 어려움을 많이 겪게 됩니다. 그래서 기본적인 CSS 문법과 선택자, 그리고 Specificity 를 다뤄보고자 합니다. ( 가이드에 따라 스타일을 override 했지만, material-ui의 CSS에 override 되어버리거나 하는 경우가 있어 알아보다 보니 Specificity를 알아야 하네요. )..

Frontend 2021. 3. 17. 14:42
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • Git
  • Linux
  • error
  • Kibana
  • Index
  • logstash
  • apm
  • Size
  • Java
  • maven
  • plugin
  • SpringBoot
  • Filter
  • Container
  • scala
  • AWS
  • Spark
  • intellij
  • install
  • tomcat
  • JPA
  • Postman
  • JSON
  • gradle
  • docker
  • spring
  • spring boot
  • elasticsearch
  • Log
  • mac
more
«   2025/06   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.