Gunnar Bittersmann: Schriftgöße relativ verkleinern

Beitrag lesen

SELF-Forum

Schriftgöße relativ verkleinern

Gunnar Bittersmann Homepage des Autors
– Informationen zu den Bewertungsregeln

@@ChrisB:

nuqneH

Und wenn's inline-Styles sind, dann gar nicht, die haben nämlich höchste Spezifität. Dann bleibt dir höchstens noch, per JavaScript direkt die CSS-Eigenschaften für alle betroffenen Elemente zu manipulieren.

Natürlich kann man Inline-Styles auch ohne JavaScript einzusetzen mit !important-Deklarationen im Stylesheet überschreiben:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
  <head>  
    <title>TEST</title>  
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>  
    <style type="text/css">[code lang=css]p { color: green !important }
~~~</style>  
  </head>  
  <body>  
    <p style="color: red">rot oder grün?</p>  
  </body>  
</html>[/code]  
  
Es sei denn, die Inline-Styles sind selbst !important:  
  
~~~html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
  <head>  
    <title>TEST</title>  
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>  
    <style type="text/css">[code lang=css]p { color: green !important }
~~~</style>  
  </head>  
  <body>  
    <p style="color: red !important">rot oder grün?</p>  
  </body>  
</html>[/code]  
  
  
Dass '`* { font-size: -10% !important }`{:.language-css}' keinerlei Wirkung zeigt, liegt am ungültigen Wert. [[CSS21 §15.7](http://www.w3.org/TR/CSS21/fonts.html#font-size-props)]  
  
  

> [!important] ist mehr für User-Stylesheets gedacht.  
  
Sagt wer?  
  
Qapla'

-- 
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.  
(Mark Twain)
Beitrag melden
–
Informationen zu den Bewertungsregeln