Duda sobre el funcionamiento CSS cuando hay varias hojas

[Scape]

Tengo una landing page que tiene 3 hojas de estilo diferentes.

Quiero meter un slider que me han pasado con otro css diferente.

Añado el código en mi html, mi js y mi nuevo css.

El problema es que al tener ya 2 hojas css en esta página el css nuevo se distorsiona y no muestra bien el slider.

Mi duda:

Hay alguna manera de decir que esa parte de la web solo tome el css que señalo y que no haga caso de los otros dos css??

No se si me explico bien.

Gracias y perdonar la molestia

[PHPeros]

Las hojas de estilo se aplican en el orden en que se carga el documento, por lo tanto, los estilos generales deberán ir al principio y los añadidos pueden ir debajo de ellos o en modo lineal mediante el atributo style.

También puedes establecer preferencia ante otras reglas mediante la sentencia !important, aunque no conviene abusar de él.

Ah, y al final no nos enseñaste el código...

[Scape]

Es que el código es enorme y es mucho lio por que es una landing page muy larga.

El tema es que necesito que dentro del body decir de alguna manera que de aquí a aquí solo coja una de las hojas css.

[pzin]

Algo así:

Código CSS:

<div id="de_aqui_a_aqui">
 
</div>
 

Código CSS:

#de_aqui_a_aqui .una_cosa {}
#de_aqui_a_aqui ul#cosa_una li {}
#de_aqui_a_aqui header nav {}
#de_aqui_a_aqui section .notese_que_son_ejemplos {}
#de_aqui_a_aqui footer {}
 

Lo que es prácticamente hacerte un namespace.

[webosiris]

lo que dice pzin no evita que el contenido herede estilos de hojas anteriores... me tremo que lo que quieres no es posible pues es una de las características del lenguaje, la C de CSS significa justamente "cascade"

según lo veo tienes 3 soluciones.
- la fácil pero que es muy poco elegante y casi me da vergüenza decirla... meter ese contenido dentro de un iframe. De esa forma técnicamente serían 2 documentos, ahí si cada uno con sus css propios e independientes.

- la media, que creo es el mejor compromiso calidad/tiempo. Usar una herramienta como firebug para analizar que estilos están siendo heredados y escribir reglas para sobrescribirlos

- la más difícil pero que sería lo mejor: simplificar y rehacer todo el css y no copiar cosas que no sabes que son ni como afectan al resto de la página. Si uno es ordenado y meticuloso con lo que uno escribe se pueden tener archivos css muy extensos sin ningún problema de compatibilidades (ahora mismo el css de mi web tiene 1600 líneas y contando...)

[Linton]

Iniciado por webosiris

l...ahora mismo el css de mi web tiene 1600 líneas y contando...

[javierflti]

Por lo que entiendo, el archivo css del slider, te modifica cosas de tu página web porque alguna regla se llama igual ¿no?
Si es así, creo que te bastaría con rodear todo tu slider con un nuevo div, que se llame por ejemplo div_slider y en el css del slider, añadir un #div_slider delante de todas las reglas, así solo se aplicarán a tu slider y no al resto de la web.