next.js에서 사용자 지정 CSS 클래스와 부트 스트랩 클래스를 요소에 어떻게 적용합니까?

코크

css 클래스를 가져온 다음 아래와 같이 요소에 적용합니다.

import styles from "./Home.module.css";

<div className={(styles.collection, "card")}>

개별적으로 작동하지만 위에 표시된대로 적용하면 스타일이 요소에 적용되지 않습니다.

sdgluck

보간을 통해 동적 클래스 이름을 포함하여 템플릿 리터럴을 사용합니다.

import styles from "./Home.module.css";

<div className={`${styles.collection} card`}>

또는 다음과 같은 도우미를 사용하십시오 clsx.

import c from 'clsx';
import styles from "./Home.module.css";

<div className={c(styles.collection, "card")}>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

부트 스트랩 클래스를 사용하여 HTML에서 요소 정렬

분류에서Dev

동적 <li>에 적용되지 않는 부트 스트랩 CSS 클래스

분류에서Dev

클래스를 변경하지 않고 div 요소에 부트 스트랩 양식 스타일링 적용

분류에서Dev

특정 요소에 대한 클릭 이벤트를 사용하여 div에서 클래스를 제거하려면 어떻게해야합니까?

분류에서Dev

부트 스트랩 버튼에 사용자 정의 클래스 추가

분류에서Dev

지정된 경로에있는 클래스를 어떻게 가져 와서 사용합니까?

분류에서Dev

(부모) 클래스를 다른 (자식) 클래스에 대한 게이트웨이 / 인터페이스로 어떻게 사용합니까?

분류에서Dev

부트 스트랩 'row'클래스를 사용하여 DIV 내부에 부트 스트랩 테이블을 넣지 않아야합니까?

분류에서Dev

부트 스트랩 변수를 해결하고 내 클래스에서 재사용하려면 어떻게해야합니까?

분류에서Dev

CSS : 내 코드 색상을 사용자 지정하기 위해 부트 스트랩 LESS code.less 소스 코드를 어떻게 변경합니까?

분류에서Dev

jQuery는 클래스의 부모에 CSS를 적용합니까?

분류에서Dev

요소 아래에있는 img 요소에 클래스를 어떻게 적용합니까?

분류에서Dev

내 CSS 클래스에 부트 스트랩 스타일 복사

분류에서Dev

React 내부에서 컬렉션 클래스를 어떻게 사용합니까?

분류에서Dev

Python-루트 디렉터리에서 사용자 지정 클래스 메서드를로드하려면 어떻게합니까?

분류에서Dev

Karate 테스트에서 내 StepActions 클래스를 어떻게 정의합니까?

분류에서Dev

다른 텍스트 요소 (같은 클래스 아래)에 대해 CSS 클래스의 한 부분 만 변경하려면 어떻게해야합니까?

분류에서Dev

자바 8과 자바 (11)를 사용할 때 어떻게 수정에 '클래스 java.util.LinkedHashMap 클래스에 캐스트 할 수 없다'

분류에서Dev

Swift에서 사용자 정의 클래스에 대한 동등성 테스트를 어떻게 생성합니까?

분류에서Dev

내 XAML의 다른 사용자 지정 컨트롤 기본 클래스를 사용하여 WPF가 내 뷰에서 사용자 지정 컨트롤을 인스턴스화하도록하려면 어떻게해야합니까?

분류에서Dev

CSS 전환이 작동하려면 JavaScript를 사용하여 요소에 클래스를 어떻게 적용합니까?

분류에서Dev

AWS Lambda 계층에 사용자 지정 클래스를 추가하려면 어떻게해야합니까?

분류에서Dev

이 클래스에 사용자 지정 EventHandler를 보내려면 어떻게합니까?

분류에서Dev

사용자 정의 네임 스페이스에 클래스를 추가하려면 어떻게합니까?

분류에서Dev

미리 설정된 부트 스트랩 xs sm md lg 열 클래스에 미디어 쿼리 너비를 적용하는 방법은 무엇입니까?

분류에서Dev

CSS 시트에서 위키 테이블 형식화 클래스를 어떻게 설정합니까?

분류에서Dev

내 프로젝트에서 텍스트 파일에 작성된 코드를 CSS 클래스로 사용하려면 어떻게해야합니까?

분류에서Dev

자바 (11)와 디버그시 경고를 어떻게 방지하기 위해 "부트 스트랩 클래스 경로가 추가 되었기 때문에 공유는 부트 로더 클래스에 대한 지원?"

분류에서Dev

panResponder가 이동을 시작할 때 부모 클래스에서 사용자 지정 함수를 호출하려면 어떻게해야합니까?

Related 관련 기사

  1. 1

    부트 스트랩 클래스를 사용하여 HTML에서 요소 정렬

  2. 2

    동적 <li>에 적용되지 않는 부트 스트랩 CSS 클래스

  3. 3

    클래스를 변경하지 않고 div 요소에 부트 스트랩 양식 스타일링 적용

  4. 4

    특정 요소에 대한 클릭 이벤트를 사용하여 div에서 클래스를 제거하려면 어떻게해야합니까?

  5. 5

    부트 스트랩 버튼에 사용자 정의 클래스 추가

  6. 6

    지정된 경로에있는 클래스를 어떻게 가져 와서 사용합니까?

  7. 7

    (부모) 클래스를 다른 (자식) 클래스에 대한 게이트웨이 / 인터페이스로 어떻게 사용합니까?

  8. 8

    부트 스트랩 'row'클래스를 사용하여 DIV 내부에 부트 스트랩 테이블을 넣지 않아야합니까?

  9. 9

    부트 스트랩 변수를 해결하고 내 클래스에서 재사용하려면 어떻게해야합니까?

  10. 10

    CSS : 내 코드 색상을 사용자 지정하기 위해 부트 스트랩 LESS code.less 소스 코드를 어떻게 변경합니까?

  11. 11

    jQuery는 클래스의 부모에 CSS를 적용합니까?

  12. 12

    요소 아래에있는 img 요소에 클래스를 어떻게 적용합니까?

  13. 13

    내 CSS 클래스에 부트 스트랩 스타일 복사

  14. 14

    React 내부에서 컬렉션 클래스를 어떻게 사용합니까?

  15. 15

    Python-루트 디렉터리에서 사용자 지정 클래스 메서드를로드하려면 어떻게합니까?

  16. 16

    Karate 테스트에서 내 StepActions 클래스를 어떻게 정의합니까?

  17. 17

    다른 텍스트 요소 (같은 클래스 아래)에 대해 CSS 클래스의 한 부분 만 변경하려면 어떻게해야합니까?

  18. 18

    자바 8과 자바 (11)를 사용할 때 어떻게 수정에 '클래스 java.util.LinkedHashMap 클래스에 캐스트 할 수 없다'

  19. 19

    Swift에서 사용자 정의 클래스에 대한 동등성 테스트를 어떻게 생성합니까?

  20. 20

    내 XAML의 다른 사용자 지정 컨트롤 기본 클래스를 사용하여 WPF가 내 뷰에서 사용자 지정 컨트롤을 인스턴스화하도록하려면 어떻게해야합니까?

  21. 21

    CSS 전환이 작동하려면 JavaScript를 사용하여 요소에 클래스를 어떻게 적용합니까?

  22. 22

    AWS Lambda 계층에 사용자 지정 클래스를 추가하려면 어떻게해야합니까?

  23. 23

    이 클래스에 사용자 지정 EventHandler를 보내려면 어떻게합니까?

  24. 24

    사용자 정의 네임 스페이스에 클래스를 추가하려면 어떻게합니까?

  25. 25

    미리 설정된 부트 스트랩 xs sm md lg 열 클래스에 미디어 쿼리 너비를 적용하는 방법은 무엇입니까?

  26. 26

    CSS 시트에서 위키 테이블 형식화 클래스를 어떻게 설정합니까?

  27. 27

    내 프로젝트에서 텍스트 파일에 작성된 코드를 CSS 클래스로 사용하려면 어떻게해야합니까?

  28. 28

    자바 (11)와 디버그시 경고를 어떻게 방지하기 위해 "부트 스트랩 클래스 경로가 추가 되었기 때문에 공유는 부트 로더 클래스에 대한 지원?"

  29. 29

    panResponder가 이동을 시작할 때 부모 클래스에서 사용자 지정 함수를 호출하려면 어떻게해야합니까?

뜨겁다태그

보관