Mam nietypowy problem z którym nie mogę sobie poradzić.
Powiedzmy, że mam tego typu konstrukcję
W CSS ustawiam specjalnie taką regułę :
.* { margin:10px; padding:10px; font-size:20px; color:red; }
Ale ja chcę, aby moja warstwa o id 'tekst' była 'odporna' na tą globalną regułę. Chcę aby posiadała DOMYŚLNE wartości przeglądarki - takie jakby reguła globalna * nigdy nie istniała. Ma nie oddziaływać na tą warstwę. Jak to zrobić?
Niby proste, ale stawiam ograniczenia i wymagania przy rozwiązywaniu tego problemu :
- nie wolno zmieniać globalnej wartości CSS podanej powyżej
- nie wolno zmieniać struktury, która została podana powyżej
Czy da się w ogóle wyłączyć spod działania globalnego stylu (lub jakiegokolwiek innego stylu) element będący wyraźnie w jego zasięgu?
Możliwe rozwiązanie :
- javascript? ale jak?
- przywrócenie domyślnych wartości dla elementu - może przez odpowiedni kod CSS?
- iframe?
Z góry dziękuję za pomoc. Mam nadzieję, że taki zabieg jest możliwy. Przedstawiony przykład obrazuje ideę wczytywania plików HTML do warstw witryny. Niestety nie ma możliwości zmiany konstrukcji rozmieszczenia warstw i style strony oddziałują przez to na wczytany kod, który ma własne style, a co gorsza, często bazuje na stylach domyślnych przeglądarki (marginesy, padding, font), które są zastępowane przez reguły globalne witryny.