Re:Play with TailwindCSS in the Browser
by meowtimemania on Friday June 10, 2022 @04:00PM
(#31698760)
One gripe I have with tailwind, is overriding styles is difficult. The .text-blue style will only override .text-gray if it is declared later in the css document.
for example if the corresponding css file is this:
.text-blue { color: blue; }
.text-gray { color: gray; }
Then in your above example, both Button and CalloutButton will have gray text because .test-gray has higher specificity than .text-blue
for example if the corresponding css file is this: .text-blue { color: blue; } .text-gray { color: gray; }
Then in your above example, both Button and CalloutButton will have gray text because .test-gray has higher specificity than .text-blue