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

💻Front-end 🎨UI, UX 📒Log

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

💻Front-end 🎨UI, UX 📒Log

검색하기 폼
  • 분류 전체보기 (139)
    • 🎨Web Design (4)
      • 🪄I (4)
      • 🪄ANOTHER (0)
    • 📁Frontend (46)
      • 📗Html (0)
      • 📕CSS (7)
      • 📙Javascript (6)
      • 📘React (14)
      • 📓etc (19)
    • 🗒TIL (34)
      • ✒TIL (34)
    • 📩Git (3)
      • 📧git (3)
    • 📃알고리즘 (26)
      • 📎프로그래머스 (26)
    • 📚CS (24)
      • 📖CS 스터디 (24)
  • 방명록

scss (1)
[CSS] nesting, &

nesting 부모 루틴 안에서 자식 루틴을 넣어서 짜는 것이라고 보면 된다. const MyStyle = styled.div` width: 50vw; height: 150px; background-color: ${(props) => (props.bg_color? "red" : "blue")}; p { color: red; } `; p 태그라는 자식요소를 추가 시켜서 nesting 시켜줬다. & : 부모 참조자 선택 (div) &:hover { background-color: yellow; }

📁Frontend/📕CSS 2022. 7. 23. 16:17
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • 항해 노션
TAG
  • db
  • react
  • Git Code
  • 알고리즘
  • 메이킹 챌린지
  • 서버
  • Redux
  • Wil
  • git
  • sass
  • 스파르타코딩클럽
  • Til
  • API
  • Router
  • 트러블 슈팅
  • Python
  • flask
  • DB몽고
  • 크롤링
  • DESIGN
  • 항해99
  • CSS
  • HTML
  • JavaScript
  • CS
  • scss
  • JWT
  • CS 스터디
  • 자바스크립트
  • styled-components
more
«   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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바