Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Dziedziczenie
Forum PHP.pl > Forum > Przedszkole
adam882
Witam

Przykładowo posiadam taki kod css:
  1. div#oferta a{color:red; display: block; padding:10px; margin:10px; background-color:#FEDEDA;}
  2. div#oferta_wewnatrz a{color:green;}


oraz kod
  1. <div id="oferta">
  2. <a href="#">Link</a>
  3. <div id="oferta_wewnatrz">
  4. <a href="#">Link</a>
  5. </div>
  6. </div>


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:

  1. <div id="oferta">
  2. <a href="#" id="link">Link</a>
  3. <div id="oferta_wewnatrz">
  4. <a href="#">Link</a>
  5. </div>
  6. </div>


  1. div#oferta a#link{color:red; display: block; padding:10px; margin:10px; background-color:#FEDEDA;}
  2. div#oferta_wewnatrz a{color:green;}
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:

  1. div#oferta a { color: red; display: block; padding:10px; margin:10px; background-color:#FEDEDA; }
  2. div#oferta_wewnatrz a { color: green; padding: 0; margin: 0; background: none; }


IMO lepiej jest nadać id/klasę, bo wychodzi to oszczędniej w ilości znaków.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.