text: Q: How can I apply CSS stylesheets to a specific component? I'm working on Android app & web app in the same Next.js project and I want the recommended Ionic global stylesheets to not apply on web layout.
  I have a client component imported in server component app/layout.tsx that looks like this:
  <>
    <WindowContextProvider>
      {Capacitor.isNativePlatform() ? (
       <NoSSRWrapper>
        <NativeLayout>{children}</NativeLayout>
       </NoSSRWrapper>
      ) : (
       <WebLayout>{children}</WebLayout>
      )}
    </WindowContextProvider>
  </>
  
  In the NativeLayout is where I've imported all the Ionic global stylesheets but they still apply on the WebLayout, how can I fix this?
  
  A: You can apply CSS using style tag inside the same specific component, Otherwise, you can apply CSS by targeting it with a specific class name.
  
  