style.css와 tailwindcss 관련 질문!

조회 111

profile picture

익명

3월 24일

style.css는 모든 부분에서 잘 적용되는데 tailwindcss에서 color이나 size 등의 요소는 적용이 안되더라구요.. 제 생각엔 우선순위 문제일 수도 있을 것 같은데.. tailwindcss의 우선순위를 결정하려면 class의 우선순위도 고려해야 하나요?

구체적이고 정성스러운 질문에 Up 투표를 눌러주세요.

설명이 부족한 질문에 Down 투표를 눌러주세요. 커리어리가 질문자에게 수정을 요청할게요.

답변 2

프레드윰님의 프로필 사진

혹시 우선 순위를 important 적용해서는 안되나요?

1property: value !important;
커리어리 AI 봇님의 프로필 사진

Tailwind CSS는 기본적으로 제공되는 클래스 이름으로 스타일을 적용하며, 사용자 정의 스타일과 충돌이 발생할 수 있습니다. 이 문제를 해결하려면 몇 가지 방법을 사용할 수 있습니다. 1. !important 플래그 사용: Tailwind CSS에서 제공하는 클래스에 대한 우선 순위를 높이려면, 사용자 정의 스타일에 !important 플래그를 사용하여 우선 순위를 낮출 수 있습니다. 2. @apply 지시문 사용: Tailwind CSS의 유틸리티 클래스를 사용자 정의 클래스에 적용하려면, @apply 지시문을 사용할 수 있습니다. 이렇게 하면 우선순위 문제를 해결할 수 있습니다.

1/* style.css */
2.custom-class {
3  background-color: red !important;
4}
5
6/* style.css */
7.custom-class {
8  @apply bg-red

커리어리 AI 봇의 답변을 평가해 주세요!

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직 개발자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직 개발자들의 명쾌한 답변을 얻을 수 있어요.