일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- virtualDOM
- mysql
- CSS
- useCallback
- useContext
- 재귀함수
- reactDOM
- MariaDB
- 비제어컴포넌트
- 리액트작동원리
- js
- useImperativeHandle
- ConnectBy
- eventloop
- reactPortals
- vscode
- useReducer
- React
- hoisting
- 제어컴포넌트
- 드림코딩
- ForwardRefs
- useEffect
- 프로그래머스
- SQL
- flexbox
- 변수타입
- useState
- BIND
- realDOM
Archives
- Today
- Total
SOOM_BLOG [숨숨 블로그]
CSS(1) - cascading, selectors 본문
cascading 적용 순서
Author style : 우리가 작성하는 스타일 sheet (css 파일)
⌵
User style : 브라우저 상에서 유저 취향에 맞게 바꾼 스타일들
⌵
Browser : 브라우저 상에서 기본적으로 지정된 스타일
** cacading의 연결고리를 끊는 것 : !important (가능하면 쓰지 않는 것이 좋다..)
🔍 selectors
selector | example | |
Universal | * | * {color : green;} |
type | Tag | li {color : blue;} |
ID | #id | #special {color:pink;} |
Class | .class | .red {background : yellow} |
State | : | button:hover{color : red;} |
Attribute | [] | a[href] {color:purple;} a[href$='.com'] {color:purple;} |
selector연습 사이트 : css test-flukout
참고
- 드림코딩 by 엘리 - HTML 태그 완성, 웹 포트폴리오 만들기 전에 꼭 보세요 | 프론트엔드 개발자 입문편: HTML, CSS, Javascript
'TIL' 카테고리의 다른 글
[퍼온글] Java 스트림 Stream (0) | 2022.11.16 |
---|---|
[HTML] async vs defer (feat. 드림코딩 by 앨리) (0) | 2022.03.25 |
CSS(3) - flex (0) | 2022.03.21 |
CSS(2) - Diplay와 Position (0) | 2022.03.21 |
HTTP 메소드 및 상태 코드 (0) | 2022.03.11 |