CSS Media Queries

[Tolonath]

"CSS Spezifität"
zoom:hover = 0002
zoom = 0001

Wenn ich mit der Maus über ein Objekt mit dem Attribut "zoom" gehe
werden alle Eigenschaften-Werte überschrieben,
weil zoom:hover die höhere Spezifität hat.

Das div vergrössert sich wenn ich mit der Maus über gehe
und verkleinert sich wenn ich die Maus wegziehe.
Diese transition: 2s; hab ich jedoch nur im zoom definiert,
dennoch gilt es für beide.

Mein Test ...

.zoom {  
          -webkit-transition: 4s;  
          -moz-transition: 4s;  
          -o-transition: 4s;  
          transition: 4s;  
      }  
  
      .zoom:hover {  
          -webkit-transition: 1s;  
          -moz-transition: 1s;  
          -o-transition: 1s;  
          transition: 1s;  
      }

nun gehe ich mit der Maus über ...
es dauert 1 sek bis es groß wird;
entferne ich die Maus ...
dauert es 4 sek bis es wieder klein wird.

Der Eigenschaft-Wert der zoom:hover wurde von dem im zoom überschrieben .... wieso?
Der Spezifität nach dürfte zoom das zoom:hover nicht überschreiben.
Hab ich die Spezifität überhaupt richtig verstanden?

Gruß
Tolonath