.scss 파일에서 dom data 정보 가져오기

2024. 1. 23. 13:19·CSS

html에 태그에 넣어둔 data 값을 가져와서 scss에서 content로 사용할 수 있다. 

 

// html 
<strong className="currency" data-currency="₩">
	50000
</strong>

 

// scss
.currency {
  display: block;

  &:before {
    margin-right: 1px;
    content: attr(data-currency);
  }
}

'CSS' 카테고리의 다른 글

css로 부모선택자 선택하기  (0) 2024.07.04
transition animation height  (0) 2024.03.18
css safe area 적용 안될때!  (0) 2023.12.11
한글, 영문 폰트 다르게 적용하기  (0) 2023.04.17
:not 선택자는 익스 지원하지 않는다.  (0) 2021.09.29
'CSS' 카테고리의 다른 글
  • css로 부모선택자 선택하기
  • transition animation height
  • css safe area 적용 안될때!
  • 한글, 영문 폰트 다르게 적용하기
ssund
ssund
  • ssund
    ssund의 기술블로그
    ssund
  • 전체
    오늘
    어제
    • TECH (82)
      • Next.js (8)
      • React (25)
      • Vite (1)
      • javascript (17)
      • CSS (6)
      • CS (10)
      • AWS (0)
      • Jest (1)
      • CI|CD (0)
      • 알고리즘 (8)
      • Tools (1)
      • Tips (5)
  • 블로그 메뉴

    • 링크

    • 공지사항

    • 인기 글

    • 태그

      git배포
      TypeScript
      서버컴포넌트
      타입스크립트
      함수와 메서드차이
      app-router
      theme-provider
      styled-components
      redux
      배열요소순서
      웹브라우저구성
      global-style
      React
      JavaScript
      Array.sort()
      nextjs
      커머스프로젝트
      call signatures
      react state management
      reat-head
    • 최근 댓글

    • 최근 글

    • hELLO· Designed By정상우.v4.10.0
    ssund
    .scss 파일에서 dom data 정보 가져오기
    상단으로

    티스토리툴바