Werte in Abhängigkeit von anderer Klasse berechnen?

[Margin-Auto]

Hi,

kann ich in CSS (und SVG) bestimmte Attribute in Abhängigkeit von Werten anderer Klassen berechnen? Konkret möchte ich, dass eine Linienklasse immer 5px breiter ist als eine andere. Kann man das in Abhängigkeit definieren, ohne dass man immer manuell beide Werte anpassen muss?

Also sowas wie:

  
  
.breit{  
 stroke-width:20px;  
}  
  
.nochbreiter{  
 stroke-width:breit.stroke-width+5px;  
}  
  

Geht sowas oder ist das Blödsinn, was ich will?

TIA

Margin-Auto

[Matthias Apsel]

Om nah hoo pez nyeetz, Margin-Auto!

es gibt zwar die calc-Funktion, aber die Werte anderer Elemente verwenden geht mit CSS nicht. Du wirst auf Javascript ausweichen müssen.

Matthias

[Margin-Auto]

Hi,

es gibt zwar die calc-Funktion, aber die Werte anderer Elemente verwenden geht mit CSS nicht. Du wirst auf Javascript ausweichen müssen.

Das habe ich befürchtet. Dennoch danke für die Info.

Margin-Auto

[Gunnar Bittersmann]

@@Matthias Apsel:

nuqneH

es gibt zwar die calc-Funktion, aber die Werte anderer Elemente verwenden geht mit CSS nicht. Du wirst auf Javascript ausweichen müssen.

Nein. Man kann auch auf CSS-Präprozessoren wie SASS oder LESS ausweichen:

$basicStrokeWidth: 20px;  
  
.breit  
{  
  stroke-width: $basicStrokeWidth;  
}  
  
.nochbreiter  
{  
  stroke-width: $basicStrokeWidth + 5px;  
}

Auch die Generierung des Stylesheets mit anderen serverseitigen Techniken wie PHP wäre denkbar.

Qapla'