TIL - 02 : CSS

20 Jan 2022 in Study Log on Today I learned

CSS
- 동일한 이름의 Class 선택자 지정 방법
  - &:first-child, &:last-child, &nth-child(n)
  - even, odd, 2n-1
- p span{} 부모 P 안, p>span p의 바로 밑자식, p+span p바로 다음으로 오는 span
- 특정 선택자만 통제 할 수 있는 방법
  - <input type="text" require placeholder="edit">
    - input:require{}
    - input[placeholder=”edit”]{}
- State 가상 선택자
  - &:active, &:hover, &:focus, &:visited 등
- CSS 전역 변수 설정
  - :root { } 변수를 지정하여 사용
  - 예) :root { --font-color: blue } , h1 { color: var(–font-color) }`
- transition 개념, transform 개념
- 애니메이션
  - @keyframe 이름 { from { } to { } }
- @media screen and ( ) { } 미디어 쿼리