How to have a custom class name for html tag or body tag for every next js page ? #13260
-
|
In
|
Beta Was this translation helpful? Give feedback.
Replies: 3 comments 4 replies
-
|
Hi @1mehdifaraji |
Beta Was this translation helpful? Give feedback.
-
|
Can you please provide an example ? Thanks in advance . |
Beta Was this translation helpful? Give feedback.
-
|
if you add html and body tag for styling in global.css, it is applied to whole app. |
Beta Was this translation helpful? Give feedback.
-
|
This is the structure of my next js app:
I import a global css file in My question is how can I apply a tailwindcss class name in about page which is a react component basically and I can't import a css file in about page because I get the following error: |
Beta Was this translation helpful? Give feedback.
-
|
Also If I add a
|
Beta Was this translation helpful? Give feedback.
-
|
Ok from my understanding, I assume that you need to have separate styles for your whole app right? One way to fix this, you can define different styles on different routes and all the style can be written in global.css. This link may help. |
Beta Was this translation helpful? Give feedback.
-
|
I wish tailwindcss itself could've handled this situation to apply certain class name to an element based on a custom route. Thanks for the answer. |
Beta Was this translation helpful? Give feedback.
Ok from my understanding, I assume that you need to have separate styles for your whole app right?
The styles defined in your global CSS file imported in
_app.tsxwill be available throughout your application, including theabout.tsxpage component.One way to fix this, you can define different styles on different routes and all the style can be written in global.css. This link may help.