Frank Hoppe: Länge von ID-Bezeichnern

Beitrag lesen

Zeig uns Code, dann zeigen wir Dir den Fehler. Links bevorzugt!

Oder bau einen Testcase: Minimales HTML mit zwei IDs, minimales CSS mit zwei IDs, die sich optisch deutlich unterscheiden (z.B. kurze ID mit rotem Hintergrund, lange ID mit grünem Hintergrund).

Alexander

Das Grübeln hat ein Ende. Folgender Code war fehlerhaft, wurde aber von diversen CSS-Validatoren nicht bemängelt:

  
#wp-table-reloaded-id-1 .column-5, .column-6 {  
  width:         20px;  
  text-align:    center;  
  border-bottom: 1px solid #C8D5F0;  
  border-right:  1px solid #C8D5F0;  
}  
#wp-table-reloaded-id-2 .column-5, .column-6 {  
  text-align:    left;  
  width:         210px;  
  border-bottom: 1px solid #C8D5F0;  
  border-right:  1px solid #C8D5F0;  
}  

Die zweite Zuweisung (ID ...-2) hat die erste überschrieben (ID ...-1). Die Tabelle mit der ID wp-table-reloaded-id-1 und den Spalten mit der Klasse column-5 und column-6 bekam die Formatierungen der ID wp-table-reloaded-id-2.

Ich habe dann aus der ID eine Klasse gemacht und

  
table.wp-table-reloaded-id-1 .column-5, .column-6 {  

usw. geschrieben. Das gleiche Ergebnis.

Ein letzter Versuch war dann die Trennung der Klassen für die Spalten, also z.B.:

  
table.wp-table-reloaded-id-2 column-5 {  
  text-align:    left;  
  width:         210px;  
  border-bottom: 1px solid #C8D5F0;  
  border-right:  1px solid #C8D5F0;  
}  
table.wp-table-reloaded-id-2 .column-6 {  
  text-align:    left;  
  width:         210px;  
  border-bottom: 1px solid #C8D5F0;  
  border-right:  1px solid #C8D5F0;  
}  

Und das funktioniert jetzt!

Ich habe lange gekämpft, aber es hat sich gelohnt. Jetzt fehlt nur noch, das ich irgendwo eine vernünftige Dokumentation zum Aufbau von CSS-Dateien finde, wo alle Varianten die erlaubt sind, aufgelistet werden. In Selfhtml wurde ich nicht fündig.
Die Definition mit dem Aufbau "Element.Oberklasse Unterklasse, Unterklasse" funktioniert zwar irgendwie, aber führt nur zu fehlerhaften Ergebnissen. Und ich habe gedacht, es läge an der ID-Länge, weil ich die vorhergehenden Fehler schon nicht bemerkt hatte.