Due o Più CSS nella stessa Pagina aiutone!

[wjob]

Prima di tutto un saluto tutti, ho un problema, probabilmente
anche un pò banale, ma non sono un esperto di css ed è una delle
prime volte che scrivo in quest' area del forum.

La mia donanda è:

Come posso far coesistere due css in una stessa pagina?

Ho una pagina web che richiama i seguenti css, nel seguente modo:

<link rel="stylesheet" href="selezionatida/css/page.css" type="text/css" media="screen" />
<link rel="stylesheet" href="selezionatida/css/slider.css" type="text/css" media="screen" />

Per un primo Oggetto

E così per un secondo Oggetto:

<script type="text/javascript" src="vsqueeze/moo1.2.js"></script>
<link rel="stylesheet" type="text/css" href="vsqueeze/SqueezeBox.css" />
<script type="text/javascript" src="vsqueeze/SqueezeBox.js"></script>

Non appena ho inserito nella pagina i css del secondo Oggetto ecco che il primo
non mi ha funzionato più come prima, come se praticamente tutte le impostazioni
css per il primo oggetto realizzato, fossero state disabilitate.

C' è un modo per richiamare quindi i due css senza che vadano in conflito tra loro?

Ho scaricato il materiale da html.it ed un css è relativo ad una tab - slider
e l' altro, il secondo è un css per una Squeezebox.

Sapete aiutarmi? Ho fatto diverse prove ed ora mi ritrovo bloccato da questo
inconveniente e nella condizione che dovrei utilizzare o l' uno o l' altro, ma il fatto è
che mi servono urgentemente tutti e due.

Ringrazio chi potrà fornirmi delucidazioni su questo tipo di approccio/problema.

Grazie mille

[miki003]

Le regole dell'ultimo css richiamato sovrascrivono le regole del precedente e così vi fino al primo nella lista. A questa regola non c'è rimedio e mi sembra anche logico perchè, ad esempio se un css stabilisce un background per il body di colore giallo e il secondo stabilisce il colore blu, il browser non saprebbe di che colore fare il body. L'unica cosa che si può fare è inserire le regolo che più ci interessano nell'ultimo css richiamato

[wjob]

Grazie mille della delucidazione, l' unica cosa che non capisco è questa, nel primo oggetto
che ho menzionato, sullo stesso oggetto vengono utilizzati due css

slider.css e page.css

In quel caso come collaborano tra loro?
Cioè il secondo css non annulla il primo page.css

Anche perchè l' oggetto in questione lavora tramite entrambi i css, quindi è come
se fossero in append tra loro, in questo caso quindi la cosa dei due css su uno stesso
elemento sembra funzionare. Cosa avviene tecnicamente?

Il primo Oggetto utilizza i seguenti richiami:

<link rel="stylesheet" href="selezionatida/css/page.css" type="text/css" media="screen" />
<link rel="stylesheet" href="selezionatida/css/slider.css" type="text/css" media="screen" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<script type="text/javascript" src="selezionatida/js/jquery.easing.1.2.js"></script>

<script src="selezionatida/js/jquery.anythingslider.js" type="text/javascript" charset="utf-8"></script>


<script type="text/javascript">
qui c'è tutto uno script
</script>

</head>



Quindi i css in questione in questo caso sono page e slider.
Viene forse realizzata qualche funzione javascript negli
script che seguono per poterli utilizzare insieme?

Grazie
Ciao