Co do skróconego kodu to można jeszcze tak:
Pamiętając, aby tło dla #div2 było jako drugie w pliku CSS (przed definiowaniem wartości dla obu elementów), ponieważ parser leci z góry na dół. Jednak Kartofelek ma rację - zależy od sytuacji. Lepiej byłoby w ogóle zastosować klasę dla dwóch obiektów i dać identyfikator tylko dla jednego z nich. Ewentualnie pokombinować z pseudoklasą :nth-of-type(...) lecz tutaj już mogą być problemy z optymalizacją względem przeglądarek.
Kod:
#div 1, #div2{
width: 500px;
margin: 0 auto;
text-align: center;
background-color: #111;
}
#div2{
background-color: #999;
}Pamiętając, aby tło dla #div2 było jako drugie w pliku CSS (przed definiowaniem wartości dla obu elementów), ponieważ parser leci z góry na dół. Jednak Kartofelek ma rację - zależy od sytuacji. Lepiej byłoby w ogóle zastosować klasę dla dwóch obiektów i dać identyfikator tylko dla jednego z nich. Ewentualnie pokombinować z pseudoklasą :nth-of-type(...) lecz tutaj już mogą być problemy z optymalizacją względem przeglądarek.
