[CSS] Łączenie identyfikatorów i klas Opcje

[Madras]

Witam, chciałbym się dowiedzieć dlaczego poniższa konstrukcja nie działa.

Fragment CSS:

[HTML] pobierz, plaintext 
#abc
{
	float: left;
	width: 180px;
	height: 180px;
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	border-top-left-radius: 9px;
}
 
#abc.0 { background-image: url('gfx/przypadek0.jpg'); }
[HTML] pobierz, plaintext 

Przykładowe użycie na stronie:

[HTML] pobierz, plaintext 
<div id="abc" class="0"></div>
[HTML] pobierz, plaintext 

Chodzi o to, że mam dużo obrazów (przypadków) i nie chciałbym za każdym razem podawać wszystkich kluczy w identyfikatorze abc. Dlatego uogólniłem to do #abc i stworzyłem klasy dla #abc typu 0, 1, 2, 3, 4, 5, 6.., które zawierają tylko info o obrazku.

Pozdrawiam!

Ten post edytował Madras 21.04.2012, 14:15:10

[mortus]

Powinno być raczej odwrotnie. Tzn. każdy element powinien mieć klasę abc i każdy z osobna powinien mieć własny identyfikator, przy czym zarówno wartość atrybutu id, jak i wartość atrybutu class nie może zaczynać się cyfrą. Przykład:

[HTML] pobierz, plaintext 
<!-- ... -->
<style>
  .abc {
    float: left;
    width: 180px;
    height: 180px;
    -webkit-border-top-left-radius: 9px;
    -moz-border-radius-topleft: 9px;
    border-top-left-radius: 9px;
  }
  #przypadek_1 {
    background-image: url('gfx/przypadek1.jpg');
  }
  #przypadek_2 {
    background-image: url('gfx/przypadek2.jpg');
  }
</style>
<!-- ... -->
<div id="przypadek_1" class="abc"></div>
<div id="przypadek_2" class="abc"></div>
[HTML] pobierz, plaintext 

Według specyfikacji w dokumencie HTML może się znaleźć tylko jeden element o określonym id.