tailwindcss 부분적용 문제
77
작성한 질문수 7
참 신기하게도 tailwindcss 공식문서에 나온대로 그대로~~~ 했는데 아이러니 하게도
<h2 className="text-8xl font-bold underline">hello world</h2>해당 코드에서 font-bold랑 underlilne은 잘만 적용되는데 text-8xl만 적용이 안되네요 왜 이러는건지 전 이해가 안되네요
따로 styled-component에서 globalStyle을 적용해서 작업중이라서 예상은 되는데 어떻게 수정해도 답이 안보이네요
답변 2
0
안녕하세요!
개발자 도구에서 h2 태그를 직접 확인해보셔야 합니다.
실제로 스타일이 전혀 적용되지 않은 것인지, 아니면 적용은 되었지만 다른 스타일에 의해 덮어씌워진 것인지를 구분하는 것이 중요합니다.
말씀해주신 상황이 “다른 스타일은 적용되는데 text-8xl만 적용되지 않는다”라면, h2 태그에 이미 다른 스타일이 강하게 적용되어 있을 가능성을 의심해볼 수 있습니다.
만약 그렇지 않다고 생각되신다면, 현재 주신 정보만으로는 원인을 정확히 파악하기가 어렵습니다.
가능하시다면 프로젝트 폴더 전체를 압축해 sucoding@naver.com 으로 보내주시겠어요?
메일 첨부가 안된다면 구글 드라이브에 업로드 후 공유 링크를 보내주셔도 됩니다.
보내주시면 확인 후 다시 회신드리겠습니다.
감사합니다!
0
안녕하세요, 인프런 AI 인턴입니다. 5647kr님.
Tailwind CSS에서 text-8xl 클래스가 적용되지 않는 이유는 여러 가지일 수 있습니다. 아래는 해결을 위한 몇 가지 점검 사항입니다:
Tailwind CSS 설정 파일 확인:
tailwind.config.js파일에서purge설정이 올바르게 되어 있는지 확인해 보세요. 특정 파일 및 디렉터리만 참조하도록 설정되어 있을 경우, 사용 가능한 클래스를 제한할 수 있습니다.purge설정이 제대로 되어 있는지 확인하고, 필요한 모든 파일 경로가 포함되어 있는지 확인하세요.Tailwind CSS 버전을 확인해 보세요:
text-8xl클래스는 Tailwind CSS의 특정 버전 이상에서 사용 가능한 클래스입니다. 사용 중인 Tailwind CSS 버전을 확인하고, 최신 버전으로 업데이트가 필요한지 확인하세요.빌드 과정에서의 문제: 빌드 때 제대로 빌드되지 않았거나, 캐싱 문제로 반영되지 않을 수 있습니다. 빌드를 다시 실행하거나 캐시를 무효화해 보세요.
글로벌 스타일의 영향: 다른 CSS 파일이나 전역 스타일이 Tailwind CSS 스타일을 덮어쓰고 있는지 확인해 보세요. 개발자 도구(F12)를 열어 해당 엘리먼트의 스타일 섹션을 확인하면 어떤 스타일이 적용되고 있는지 자세히 볼 수 있습니다.
추가 자료 및 질문 링크:
이 정보들이 도움이 되기를 바랍니다. 저는 질문자님의 이해를 돕기 위해 기존 답변과 추가 자료를 참고하여 답변을 드리고 있습니다. 현재 베타 기능으로 답변이 충분치 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 도움을 주실 것입니다.
cloudinary 관련
0
41
3
useOptimistic 실전-1 useState
0
62
2
discord 초대장 갱신이 필요한거같습니다.
0
63
1
할일 관리 앱(메모이제이션)
0
79
2
Web 플랫폼 등록
0
107
2
함수 정의 기준
0
76
2
fetch는 사용되는가
0
75
2
전역상태 관리 선택 기준
0
86
2
tailwind css는 언제 사용되는가 또 다른 css와의 차이
0
154
2
카카오 web플랫폼 등록
0
146
2
컴포넌트 그리고 폴더 구조에 대해
0
59
2
152강 보는중입니다. 초시계부분이구요. 넘버가 timeout을 받을수없다는 에러가 나오고 있어요
0
42
1
폼테그 다른 태그를 하나의 상태 객체로 묶기
0
43
2
class를 className으로 전부 수정하실 때
0
42
2
JWT에 대한 개념도 학습할 수 있나요?
0
64
2
수업자료 다운로드
0
52
2
리액트 객체의 타입을 알기위하여 마우스를 올렸을 때 나오는 형식이 강의와 다른 부분 문의 드립니다.
0
65
2
useState 자동생성 하실때 누른 키보드가 궁금합니다.
0
51
1
타입스크립트 타입이 불일치하는데 에러가 안납니다.
0
75
3
default format >> prettier 이 실행이 안됩니다.
0
65
2
윈도우 사용자입니다. homebrew 윈도우 설치법은 없나요?
0
344
3
리렌더링 관련 문의
0
56
2
공부 방향에 대해서
0
62
2
form action 과 onSubmit
0
59
2