본문 바로가기

Develop Note by J.S.

검색하기
Develop Note by J.S.
프로필사진 js-web

  • 분류 전체보기 (82)
    • Language (21)
      • HTML (1)
      • Javascript (12)
      • Typescript (6)
      • CSS (2)
    • FrontEnd (42)
      • Vue3 (10)
      • Svelte (9)
      • Worker (3)
      • Datagrid (2)
      • Vite&Vue-cli (7)
      • Cypress (8)
      • Vitals (3)
    • DevOps (7)
      • CDN (3)
      • Git (2)
      • AWS (2)
    • Knowledge (12)
      • Programming (4)
      • Network (5)
      • SSR (2)
      • DataBase (1)
Guestbook
반응형
Notice
Recent Posts
Recent Comments
Link
«   2025/05   »
일 월 화 수 목 금 토
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
  • 선택자
  • web vital
  • caching
  • api test
  • Testing
  • aws
  • ViTE
  • TLS
  • import.meta.env
  • devtools
  • SSR
  • CloudFlare
  • vue3
  • e2e
  • https
  • JavaScript
  • Cypress
  • CSS
  • custom command
  • svelte
  • msw
  • typeScript
  • csr
  • 비동기
  • QUIC
  • http3
  • vue
  • ts error
  • rendering
  • vue-cli
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록scss (1)

Develop Note by J.S.

[CSS] 선택자(Selector)

1. AND 선택자다중 조건을 모두 만족하는 엘리먼트를 선택하는 경우// 공백 없이 선택자를 붙여서 사용.class1#id2 { color : red;}div.className1.className2 { color : black;}2. OR 선택자다중 조건 중 1개라도 만족하는 경우// , 기호로 구분.class1, id2 { color : red;}div.className1, .className2 { color : black;}3. 중첩 선택자 (자손 선택자)특정 부모요소 안에 있는 특정 자손을 모두 선택하는 경우/* scss */.container { div { .child { .name { color: red; ..

Language/CSS 2023. 7. 20. 10:02
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바