style.css와 tailwindcss 관련 질문!
조회 111
익명
3월 24일
style.css는 모든 부분에서 잘 적용되는데 tailwindcss에서 color이나 size 등의 요소는 적용이 안되더라구요.. 제 생각엔 우선순위 문제일 수도 있을 것 같은데.. tailwindcss의 우선순위를 결정하려면 class의 우선순위도 고려해야 하나요?
구체적이고 정성스러운 질문에 ↑Up 투표를 눌러주세요.
설명이 부족한 질문에 ↓Down 투표를 눌러주세요. 커리어리가 질문자에게 수정을 요청할게요.
답변 2
혹시 우선 순위를 important 적용해서는 안되나요?
1property: value !important;
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 봇의 답변을 평가해 주세요!
지금 가입하면 모든 질문의 답변을 볼 수 있어요!
현직 개발자들의 명쾌한 답변을 얻을 수 있어요.
이미 회원이신가요?
지금 가입하면 모든 질문의 답변을 볼 수 있어요!
현직 개발자들의 명쾌한 답변을 얻을 수 있어요.