개발자

style.css와 tailwindcss 관련 질문!

2023년 03월 24일조회 341

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

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 2

프레드윰님의 프로필 사진

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

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

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

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

/* style.css */
.custom-class {
  @apply bg-red

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

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

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

또는

이미 회원이신가요?

목록으로
키워드로 질문 모아보기

실무, 커리어 고민이 있다면

새로운 질문 올리기

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