Estoy realizando una página web por módulos o componentes. Tengo una carpeta llamada partials en donde guardo diferentes componentes como un header, un menú de navegación, un footer, un carrousel, etc. Y tengo otra carpeta llamada pages donde guardo las páginas, como index, about o contact.
La idea es que si, por ejemplo, en el index quiero poner un menú de navegación, un header, un par de textos y un footer, haga lo siguiente en él:
require '../partials/header.php'
require '../partials/nav.php'
<p>texto 1</p>
<p>texto 2</p>
require '../partials/footer.php'
De esta forma evito repetir mucho código en cada página que requiera de uno de esos componentes.
Y al hacerlo así funciona, se me cargan los contenidos, tengo el header, el menú de navegación, los textos y el footer, pero a esos componentes que he cargado no se les aplican los estilos css. Da igual que los estilos los ponga en el documento original del componente, que en la página que los contendrá, que en ambos. Los estilos no se me aplican en ningún caso.
¿Alguien sabe por qué los estilos css no se aplican a las páginas que cargas con un require desde otra página, y qué puedo hacer para que sí los cargue?
Muchas gracias