carosel 라이브러리를 사용해서 팀원이 캐러셀을 구현해 줬는데... 스타일을 적용시키는 과정에서 element.style로 부여된 스타일 때문에 아무리 제어를 하려고 해도 제어순서가 element가 더 높은지 어떻게 해도 내가 원하는 스타일이 적용이 안 되는 이슈가 있었다.
인라인으로도 스타일을 적용해보고 별의 별 해결책을 찾아봤지만 딱히 해결되지 않았다.
그러던 도중 발견한 !important ... 이녀석을 이용하면 스타일 제어 순서가 매우 높아지는 것 같다
딱 보기만 해도 중요해 보임
width: 380px !important;이런식으로 강조하고픈 것 옆에 !important를 적어주기만 하면 된다
오늘도 잘 해냈다!
'TIL' 카테고리의 다른 글
| 231221) Flutter의 createState()와 react의 useState() 사용법 차이 (1) | 2023.12.21 |
|---|---|
| 230912) FirebaseFirestoreException: PERMISSION_DENIED: Missing or insufficient permissions. (0) | 2023.09.12 |
| 230906) react에서 input 태그를 활용하여 file 확장자 및 용량 제한하기 (0) | 2023.09.06 |
| 230905) useEffect 의 Clean Up 함수 (0) | 2023.09.05 |
| 230904) Styled-component로 props 를 전달할 때 콘솔 에러 발생 (0) | 2023.09.04 |