[CSS] Dziedziczenie Opcje

[adam882]

Witam

Przykładowo posiadam taki kod css:

[HTML] pobierz, plaintext 
div#oferta a{color:red; display: block; padding:10px; margin:10px; background-color:#FEDEDA;}
div#oferta_wewnatrz a{color:green;}
[HTML] pobierz, plaintext 

oraz kod

[HTML] pobierz, plaintext 
<div id="oferta">
<a href="#">Link</a>
	<div id="oferta_wewnatrz">
	<a href="#">Link</a>
	</div>
</div>
[HTML] pobierz, plaintext 

chciałbym teraz zrobić tak, aby link wewnątrz id="oferta_wewnatrz" nie dziedziczył parametrów z nadrzędnego diva. W jaki sposób można to zrobić ?

[by_ikar]

No to nadaj temu nadrzędnemu styl osobno, poprzez nadanie klasy/id:

[HTML] pobierz, plaintext 
<div id="oferta">
<a href="#" id="link">Link</a>
	<div id="oferta_wewnatrz">
	<a href="#">Link</a>
	</div>
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
div#oferta a#link{color:red; display: block; padding:10px; margin:10px; background-color:#FEDEDA;}
div#oferta_wewnatrz a{color:green;}
[HTML] pobierz, plaintext 

Ten post edytował by_ikar 9.12.2011, 12:00:03

[adam882]

to akurat wiem, tylko czy da się to wykombinować sprytniej za pomocą samego css-a bez nadawania dodatkowych klas i elementów?

[by_ikar]

Da się, ale wówczas musisz jakby dublować ten css:

[HTML] pobierz, plaintext 
div#oferta a { color: red; display: block; padding:10px; margin:10px; background-color:#FEDEDA; }
div#oferta_wewnatrz a { color: green; padding: 0; margin: 0; background: none; }
[HTML] pobierz, plaintext 

IMO lepiej jest nadać id/klasę, bo wychodzi to oszczędniej w ilości znaków.