[CSS]우선순위와 캐스캐이드
개요 css를 적용할 때 우선순위로 적용되는 경우에 대해 알아보자 css우선순위는 0,0,0,0을 기억하면 된다. 인라인 스타일로 작성 되었는가? id 선택자를 기반으로 스타일시트가 작성 되었나? 클래스, 가상클래스, 속성선택자 기반으로 스타일시트가 작성되었나? 요소를 기반으로 스타일시트가 작성 되었나? 💡 왼쪽의 수가 높을수록 우선순위가 높다. 1,0,0,0 은 0,1000000000,0,0 보다도 우선순위가 높다. 올림픽 메달과 개념이 비슷하다. 💡 숫자는 갯수를 의미하며 여러개가 있으면 해당 갯수만큼 숫자를 붙여준다 인라인 스타일로 작성된 경우 1, 0, 0 ,0 이 된다 id선택자로 스타일시트를 작성한 경우 #idSelector { } 두번 째 수를 갯수만큼 올려준다 class선택자로 스타일시트를..
프론트엔드
2023. 3. 8. 19:24
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- 자바스크립트
- 불량 사용자 자바스크립트
- node 버전 마이그레이션
- storybook scss이슈
- storybook scss import
- 백준 22862
- 백준 1600번
- suspense 장점
- 관심사 분리하기
- React useCallback
- storybook react is not defiend 해결
- serverless 배포
- 서버사이드 error handling
- nextjs 에러핸들링
- 미로탈출 명령어
- CSS
- useCallback과 useMemo 사용
- 서비스 디자인 패턴
- react suspense
- serverless nestjs
- 1600 파이썬
- 에러핸들링
- 표현 가능한 이진트리
- 가장 긴 짝수 연속한 부분 수열
- nestjs 배포하기
- javascript
- node version yarn berry
- React useMemo
- nextjs errorboundary
- 선언적 UI
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함