Jak odseparować od siebie dwa pliki .css?

Dla specjalistów Webmastering
#1

Witam serdecznie,

Z nudów robiłem stronkę by przetestować pluginy jQuery. Jeden z pluginów, który testuję na stronie jest:

http://mediaelementjs.com/

Jest to taki odtwarzacz, który korzysta z tagu w HTML5.

Używam do niego 2 styli. Jeden pod odtwarzacz video, a drugi pod odtwarzacz audio.

Tak wygląda strona z odtwarzaczem audio + audio.css (dałem link bo zdjęcie jest dosyć spore):

http://www.webpagescreenshot.info/i/344912-915201255511am.png

Odtwarzacz jest na dole po prawej pod bannerami.

Do wczytywania podstron używam:

<?php= array_keys($_GET);ob_start();$a[0])
#2

A próbowałeś przeróbki pliku mediaelement.js?

Np. “dublujesz” ten plik, jeden nazywasz video.js (nic w nim nie zmieniając), a drugi mianujesz jako audio.js (zmieniając w nim nazwy klas/id). Po tym podajesz zmiany w audio.css, by pasowały do zmian w drugim pliku js.

Wtedy nie powinno być konfliktu.

#3

Tak przerabiałem tam klasy z dodaniem cyferki. Oczywiście mówię tu o klasach z CSS w tym pliku mediaelement.js. Podmienilem również w audio.css dodając 1 do każdej nazwy klasy.

Niestety po wgraniu kontakt.html te oba CSS jakimś cudem nadal wykrywaja jednolite klasy i powstaje konflikt.

Postanowiłem jednak zedytować player audio tak aby odtwarzał z okładką i nazwą wykonawcy :).

Problem można uznać za zamknięty.

Tutaj dodaję wynik rozwiązania:

http://www.webpagescreenshot.info/i/290512-9152012112429am.png