tag:forum.selfhtml.org,2005:/selfWiki-Artikel „Kaskade“ / Spezifität von "style=" – SELFHTML-Forum2018-07-15T10:08:50Zhttps://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726094#m1726094Michael Sy.2018-07-06T12:03:49Z2018-07-06T12:03:49ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Team,</p>
<p>auf https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg/Kaskade
steht geschrieben:</p>
<p>"Werden Eigenschaften in einem style-Attribut festgelegt, so ist diese Eigenschaft spezifischer als jeder Regelsatz in einem Stylesheet."</p>
<p>Das ist meines Wissens nicht ganz korrekt. Die !important-Kennzeichnung hat noch eine höhere Spezifität als "style=". Vergleiche http://www.standardista.com/css3/css-specificity/ (Übrigens das Beste, was ich jemals zum Thema CSS-Spezifität gefunden habe.)</p>
<p>Es müsste also wohl heißen:</p>
<p>"Werden Eigenschaften in einem style-Attribut festgelegt, so ist diese Eigenschaft spezifischer als jeder Regelsatz in einem Stylesheet. (Es sei denn, es ist anderweitig eine !important-Kennzeichnung eingetragen.)"</p>
<p>Gruß - Michael Sy.</p>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726095#m1726095Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2018-07-06T12:45:23Z2018-07-06T12:45:23ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>@@Michael Sy.</p>
<blockquote>
<p>Die !important-Kennzeichnung hat noch eine höhere Spezifität als "style=".</p>
</blockquote>
<p>Nein, bei Spezifität geht es um Selektoren.</p>
<p>Was es mit <code>!important</code> auf sich hat, wird im Abschnitt <a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg/Kaskade#Ablauf_der_Kaskade" rel="nofollow noopener noreferrer">Ablauf der Kaskade</a> erklärt.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726096#m1726096Michael Sy.2018-07-06T13:12:24Z2018-07-06T13:12:24ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Danke für die Antwort. Ja in der Tat, auf diesen Punkt und Einwand bin ich mittlerweile auch schon gekommen. Allerdings ist dieser Punkt für diejenigen, die sich hier erst einlesen und einarbeiten wollen, so gut wie nicht zu verstehen und zu erkennen. Missverständliches Lesen ist bei blutigen Anfängern noch viel naheliegender als bei mir. Daher würde ich auf jeden Fall für einen entsprechenden Hinweis plädieren. Wie z.B.:</p>
<p>"(Kann aber dennoch über eine externe !important-Kennzeichnung überschrieben werden.)"</p>
<p>Just my 5 cents - Michael Sy.</p>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726097#m1726097Matthias Apselmatthias.apsel@selfhtml.orghttps://brückentage.info2018-07-06T13:28:22Z2018-07-06T13:28:22ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Michael Sy.,</p>
<p>blutige Anfänger sollten !important gar nicht erst kennenlernen.</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Rosen sind rot.
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726145#m1726145Matthias Apselmatthias.apsel@selfhtml.orghttps://brückentage.info2018-07-07T11:54:12Z2018-07-07T11:54:12ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Michael Sy.,</p>
<blockquote>
<p>"(Kann aber dennoch über eine externe !important-Kennzeichnung überschrieben werden.)"</p>
</blockquote>
<p>Heißt jetzt: "(Regeln mit !important können innerhalb von style-Attributen nur durch die Verwendung von !important überschrieben werden)." Geht bestimmt noch besser.</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Rosen sind rot.
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726098#m1726098Michael Sy.2018-07-06T13:46:50Z2018-07-06T13:46:50ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Matthias,</p>
<blockquote>
<p>blutige Anfänger sollten !important gar nicht erst kennenlernen.</p>
</blockquote>
<p>Bekommen das aber auf der fraglichen Seite noch vor der Spezifität präsentiert…</p>
<p>Gruß - Michael Sy.</p>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726099#m1726099beatovichhttps://beat-stoecklin.ch/pub/musik-gitarrenunterricht-laufental.html2018-07-06T13:46:59Z2018-07-06T13:46:59ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>hallo</p>
<blockquote>
<p>blutige Anfänger sollten !important gar nicht erst kennenlernen.</p>
</blockquote>
<p>Warum nicht?</p>
<pre><code class="block language-css"><span class="token comment">/* show faulty html */</span>
<span class="token selector">a button,
button h1,
button h2,
button h3</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span>red <span class="token important">!important</span><span class="token punctuation">;</span> <span class="token property">z-index</span><span class="token punctuation">:</span>1000 <span class="token important">!important</span><span class="token punctuation">;</span> <span class="token property">position</span><span class="token punctuation">:</span>static <span class="token important">!important</span><span class="token punctuation">;</span> <span class="token punctuation">}</span>
</code></pre>
<div class="signature">-- <br>
Neu im Forum!
Signaturen kann man ausblenden!
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726125#m1726125Christian Krusehttps://wwwtech.de/about2018-07-07T05:07:00Z2018-07-07T05:07:00ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Matthias,</p>
<blockquote>
<p>blutige Anfänger sollten !important gar nicht erst kennenlernen.</p>
</blockquote>
<p>Natürlich sollten sie es kennen lernen. Es gehört zum Sprachumfang. Es ihnen zu verschweigen führt nur zu Vertrauensverlust. Besser aufklären, was es ist und warum man es vermeiden sollte.</p>
<p>LG,<br>
CK</p>
<div class="signature">-- <br>
<a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a>
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726129#m1726129Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2018-07-07T07:15:35Z2018-07-07T07:16:55ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>@@Christian Kruse</p>
<blockquote>
<p>Natürlich sollten sie es kennen lernen. Es gehört zum Sprachumfang.</p>
</blockquote>
<p>Das ist keine Begründung. Anfänger müssen nicht den vollen Sprachumfang kennenlernen, sondern nur das Nötige. Aber ja, <code>!important</code> gehört da durchaus dazu.</p>
<blockquote>
<p>Besser aufklären, was es ist und warum man es vermeiden sollte.</p>
</blockquote>
<p>Nicht <em>warum</em>, sondern <em>wann</em> man es vermeiden sollte. Wie Harry Roberts zu sagen pflegt: <em lang="en">„Never use <code>!important</code> in anger!“</em> Richtig eingesetzt ist <code>!important</code> ja ein nützliches Werkzeug.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726143#m1726143Matthias Apselmatthias.apsel@selfhtml.orghttps://brückentage.info2018-07-07T11:37:51Z2018-07-07T11:37:51ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Christian Kruse,</p>
<blockquote>
<blockquote>
<p>blutige Anfänger sollten !important gar nicht erst kennenlernen.</p>
</blockquote>
<p>Natürlich sollten sie es kennen lernen. Es gehört zum Sprachumfang. Es ihnen zu verschweigen führt nur zu Vertrauensverlust. Besser aufklären, was es ist und warum man es vermeiden sollte.</p>
</blockquote>
<p>Ich störe mich eigentlich nur am Begriff des <em>blutigen</em> Anfängers. Guter CSS-Stil kommt ohne !important aus.</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Rosen sind rot.
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726144#m1726144Christian Krusehttps://wwwtech.de/about2018-07-07T11:40:14Z2018-07-07T11:40:14ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Gunnar,</p>
<blockquote>
<blockquote>
<p>Natürlich sollten sie es kennen lernen. Es gehört zum Sprachumfang.</p>
</blockquote>
<p>Das ist keine Begründung.</p>
</blockquote>
<p>Doch. Das hast du doch gerade gesehen. </p>
<blockquote>
<p>Anfänger müssen nicht den vollen Sprachumfang kennenlernen, sondern nur das Nötige.</p>
</blockquote>
<p>Nein. Anfängern sollte man nicht alles auf einmal beibringen, aber man sollte ihnen alles beibringen.</p>
<p>LG,<br>
CK</p>
<div class="signature">-- <br>
<a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a>
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726159#m1726159Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2018-07-07T14:31:56Z2018-07-07T14:31:56ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>@@Matthias Apsel</p>
<blockquote>
<p>Guter CSS-Stil kommt ohne !important aus.</p>
</blockquote>
<p>Guter CSS-Stil setzt <code>!important</code> sinnvoll™ ein.</p>
<p>Gegen <code class="language-css"><span class="token selector">:lang(tlh)</span> <span class="token punctuation">{</span> <span class="token property">text-transform</span><span class="token punctuation">:</span> none <span class="token important">!important</span> <span class="token punctuation">}</span></code> u.dgl. ist nichts einzuwenden.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726161#m1726161beatovichhttps://beat-stoecklin.ch/pub/musik-gitarrenunterricht-laufental.html2018-07-07T15:13:53Z2018-07-07T15:13:53ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>hallo</p>
<blockquote>
<p>Ich störe mich eigentlich nur am Begriff des <em>blutigen</em> Anfängers. Guter CSS-Stil kommt ohne !important aus.</p>
</blockquote>
<p>Ich fühle mich ignoriert!
<a href="https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726099#m1726099" rel="noopener noreferrer">https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726099#m1726099</a></p>
<div class="signature">-- <br>
Neu im Forum!
Signaturen kann man ausblenden!
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726287#m1726287klawischnigg2018-07-10T00:47:48Z2018-07-10T00:47:48ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hi there,</p>
<blockquote>
<p>Ich störe mich eigentlich nur am Begriff des <em>blutigen</em> Anfängers. Guter CSS-Stil kommt ohne !important aus.</p>
</blockquote>
<p>Zum blutigen Anfänger kann ich nichts sagen, aber was da hier manchmal an abgehobenem Unsinn verzapft wird, das geht auf keine Kuhhaut mehr. Das ist alles bloße Theorie. !important ist total important, wenn man bestehende Styleanweisungen bearbeiten muß und kann ein großer Zeitgewinn sein, wenn man sich durch tausende Zeilen fressen muß. Ob das guter Stil ist oder nicht, ist völlig wurscht. Kein Mensch bezahlt gute Haltungsnoten beim Erstellen von Stylesheets…</p>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726146#m1726146Matthias Apselmatthias.apsel@selfhtml.orghttps://brückentage.info2018-07-07T11:54:59Z2018-07-07T11:54:59ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Christian Kruse,</p>
<blockquote>
<blockquote>
<p>Anfänger müssen nicht den vollen Sprachumfang kennenlernen, sondern nur das Nötige.</p>
</blockquote>
<p>Nein. Anfängern sollte man nicht alles auf einmal beibringen, aber man sollte ihnen alles beibringen.</p>
</blockquote>
<p>Ja. Auf dem Weg vom Anfänger zum Experten.</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Rosen sind rot.
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726158#m1726158Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2018-07-07T14:26:14Z2018-07-07T14:26:14ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>@@Christian Kruse</p>
<blockquote>
<p>Anfängern sollte man nicht alles auf einmal beibringen, aber man sollte ihnen alles beibringen.</p>
</blockquote>
<p>Alles? Ich würde nicht sagen, dass ich schon alles wüsste. Da bin ich wohl noch Anfänger.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726150#m1726150Michael Sy.2018-07-07T12:51:35Z2018-07-07T12:51:35ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Matthias,</p>
<p>vielen Dank erst einmal für den Eintrag ins Wiki. Und auch ein ausdrückliches Dankeschön an alle, die SELFHTML maßgeblich vorantreiben oder sonstwie mitarbeiten. Ist eine tolle Sache und ich habe schon sehr oft davon profitiert! Ich versuche hier nur einen kleinen kontruktiven Beitrag leisten...</p>
<blockquote>
<p>(Regeln mit !important können innerhalb von style-Attributen nur durch die Verwendung von !important überschrieben werden)</p>
</blockquote>
<p>Dieser Satz ist natürlich inhaltlich korrekt, aber er trifft nicht das, worauf ich eigentlich hinweisen wollte.</p>
<blockquote>
<p>"Werden Eigenschaften in einem style-Attribut festgelegt, so ist diese Eigenschaft spezifischer als jeder Regelsatz in einem Stylesheet."</p>
</blockquote>
<p>IMHO liest sich das (wenn man sich nicht ohnehin schon gut auskennt und wenn man nicht ganz genau haarscharf nachliest) so, als können style-Attribute nicht durch Stylesheets überschrieben werden. Mein Ziel war und ist es, diesem Eindruck entgegenzuwirken.</p>
<p>Ich modifiziere meinen Vorschlag auf:</p>
<p>"(Kann aber dennoch von einem Stylesheet mittels einer !important-Kennzeichnung überschrieben werden.)"</p>
<p>Gruß - Michael Sy.</p>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726152#m1726152Matthias Apselmatthias.apsel@selfhtml.orghttps://brückentage.info2018-07-07T13:01:09Z2018-07-07T13:01:09ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Michael Sy.,</p>
<blockquote>
<p>Ich modifiziere meinen Vorschlag auf:</p>
<p>"(Kann aber dennoch von einem Stylesheet mittels einer !important-Kennzeichnung überschrieben werden.)"</p>
</blockquote>
<p>Was ist denn als Autor (allermeistens) das Ziel?</p>
<p>a) Mit style-Attributen für ein konkretes Element ausnahmsweise das Stylesheet zu überschreiben? (Weil etwa ein Link für eine Woche anders aussehen soll, als die anderen)<br>
b) Mit einem Stylesheet Angaben von style-Attributen zu überschreiben?</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Rosen sind rot.
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726162#m1726162Michael Sy.2018-07-07T15:53:23Z2018-07-07T15:55:19ZWiki-Artikel „Kaskade“ / Spezifität von "style="<blockquote>
<p>Was ist denn als Autor (allermeistens) das Ziel?</p>
</blockquote>
<p>Aus meiner Sicht ist das hier keine relevante Frage, da es nicht um die Formulierung eines HOW-TOs geht, sondern um eine Einführung in die CSS-Kaskade und -Spezifität. Es gilt also, zu vermitteln, wie CSS an dieser Stelle grundsätzlich funktioniert. Und erst dann, wenn der Leser dieses einigermaßen verstanden hat, kann er sich als CSS-Autor sinnvollerweise irgendwelche Ziele setzen.</p>
<p>Wir haben da offenbar sehr unterschiedliche und schwer zu vereinbarende Herangehensweisen.</p>
<p>Gruß - Michael Sy.</p>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726160#m1726160Christian Krusehttps://wwwtech.de/about2018-07-07T14:56:25Z2018-07-07T14:56:25ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Gunnar,</p>
<blockquote>
<blockquote>
<p>Anfängern sollte man nicht alles auf einmal beibringen, aber man sollte ihnen alles beibringen.</p>
</blockquote>
<p>Alles? Ich würde nicht sagen, dass ich schon alles wüsste. Da bin ich wohl noch Anfänger.</p>
</blockquote>
<p>Wer ist das nicht?</p>
<p>LG,<br>
CK</p>
<div class="signature">-- <br>
<a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a>
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726285#m1726285Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2018-07-09T23:15:21Z2018-07-09T23:15:21ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>@@Christian Kruse</p>
<blockquote>
<blockquote>
<blockquote>
<p>Anfängern sollte man nicht alles auf einmal beibringen, aber man sollte ihnen alles beibringen.</p>
</blockquote>
<p>Alles? Ich würde nicht sagen, dass ich schon alles wüsste. Da bin ich wohl noch Anfänger.</p>
</blockquote>
<p>Wer ist das nicht?</p>
</blockquote>
<p><a href="https://forum.selfhtml.org/cites/776" rel="noopener noreferrer">Wer weiß …</a></p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726196#m1726196Rolf B2018-07-09T07:02:21Z2018-07-09T07:02:21ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo,</p>
<p>die Specs machen es einem hier schwer, alle relevanten Regeln zusammenzutragen, weil sie verteilt auf mehrere Specs sind.</p>
<p>Ganz wichtig scheint mir ein Satz aus <a href="https://www.w3.org/TR/css-style-attr/#interpret" rel="nofollow noopener noreferrer">dieser</a> Quelle:</p>
<blockquote>
<p>style attribute (...) In the cascade, these declarations are considered to have author origin and a specificity higher than any selector.</p>
</blockquote>
<p>Entscheidend ist: "AUTHOR Origin". Das bedeutet für mich, dass ein !important in einem Style-Attribut durch ein !important mit hinreichender Spezifität auf den "unteren" Levels im User-Stylesheet überschrieben werden kann. Ich habe nur gerade keine Gelegenheit, das zu testen. Und ich weiß auch nicht, wieweit das die Welt interessiert; wie häufig sind User-Stylesheets?</p>
<p>Beim style-Attribut sollte also stehen:</p>
<p><em>Eigenschaften, die in einem style-Attribut festgelegt werden, gelten als vom Autor festgelegte Eigenschaften und haben eine höhere Spezifität als Eigenschaften, die in einer Stylesheet-Regel gesetzt werden. Eine als !important gekennzeichnete Eigenschaft in einem Autoren-Stylesheet kann durch !important im style-Attribut überschrieben werden.</em></p>
<p>Wichtig finde ich hier die Formulierung <em>in einem Autoren-Stylesheet</em>, damit wird klar, dass ein !important in einem User-Stylesheet immer Vorrang hat.</p>
<p>Die Grundreihenfolge ist also Browser - User - Autor, und auf der !important-Ebene kehrt sich diese Priorität um: Erst Autor, dann User. Vielleicht kann man das durch ein 6-stufiges Spezifitätstupel darstellen:</p>
<ol>
<li>Eigenschaft ist !important: 1, sonst 0</li>
<li>Herkunft ist style-Attribut: 1, sonst 0</li>
<li>ID</li>
<li>Attribut, Klasse</li>
<li>Typ, Pseudoelement</li>
<li>Herkunft: 0=Browser, 1=User (nicht important), 2=Autor, 3=User (important)</li>
</ol>
<p>Und erst dann, wenn sich hierüber kein Vorrang feststellen lässt, kommt die zeitliche Reihenfolge der Deklaration ins Spiel.</p>
<p>Stimmt das so?</p>
<p><em>Rolf</em></p>
<div class="signature">-- <br>
sumpsi - posui - clusi
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726203#m1726203beatovichhttps://beat-stoecklin.ch/pub/musik-gitarrenunterricht-laufental.html2018-07-09T09:15:24Z2018-07-09T09:15:24ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>hallo</p>
<blockquote>
<p>Entscheidend ist: "AUTHOR Origin". Das bedeutet für mich, dass ein !important in einem Style-Attribut durch ein !important mit hinreichender Spezifität auf den "unteren" Levels im User-Stylesheet überschrieben werden kann. Ich habe nur gerade keine Gelegenheit, das zu testen. Und ich weiß auch nicht, wieweit das die Welt interessiert; wie häufig sind User-Stylesheets?</p>
</blockquote>
<p>Sie sind omnipresent, beginnend bei der Festlegung von Standard-Schriftschnitt und Grössen.</p>
<div class="signature">-- <br>
Neu im Forum!
Signaturen kann man ausblenden!
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726231#m1726231Michael Sy.2018-07-09T14:39:37Z2018-07-09T15:18:42ZWiki-Artikel „Kaskade“ / Spezifität von "style="<blockquote>
<p>Stimmt das so?</p>
</blockquote>
<p>Ehrlich gesagt, ich kann deine Ausführungen nicht ganz nachvollziehen. Mag sein, dass sie richtig sind (manches scheint mir aber (nach meinem Kenntnisstand) auch nicht zu stimmen). Aber jedenfalls denke ich, dass man das ganze System auch deutlich einfacher erklären kann.</p>
<p>Für mich ist diese Grafik hier: <a href="http://www.standardista.com/css3/css-specificity/" rel="nofollow noopener noreferrer">http://www.standardista.com/css3/css-specificity/</a>
das Maß aller Dinge, was die Erklärung der Gewichtungsberechnung von "Spezifität + !important" angeht. Die genannte Quelle behandelt !important als einen Teil der Spezifität, was ich aus didaktischen Gründen für sehr gelungen halte und sogar semantisch zu rechtfertigen ist. (Denn immerhin wird mit !important eine ganz bestimmte Eigenschaft-Attribut-Zuordnung <em>spezifisch</em> ausgezeichnet bzw. <em>selektiert</em>. Mit dem Umstand, dass das in den Specs nicht auf dieselbe Weise behandelt wird, kann ich aufgrund der sehr großen Erklärungskraft gut leben. (Wollten wir uns möglichst nahe an den Specs orientieren, könnte man sie ja einfach übersetzen.))</p>
<p>Soweit ich das in diesem Moment gerade überblicke, beziehen sich ja wohl alle anderen Spezifikationen darauf, welche Rangfolge gilt, wenn eben diese Gewichtungsberechnung für zwei Eigenschaften-Zuordnungen auf dasselbe Element denselben Wert ergibt.</p>
<p>Gruß - Michael Sy.</p>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726234#m1726234beatovichhttps://beat-stoecklin.ch/pub/musik-gitarrenunterricht-laufental.html2018-07-09T15:00:22Z2018-07-09T15:00:22ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>hallo</p>
<blockquote>
<blockquote>
<p>Stimmt das so?</p>
</blockquote>
<p>Ehrlich gesagt, ich kann deine Ausführungen nicht ganz nachvollziehen. Mag sein, dass sie richtig sind. Aber jedenfalls denke ich, dass man das ganze System auch deutlich einfacher erklären kann.</p>
<p>Für mich ist diese Grafik hier: http://www.standardista.com/css3/css-specificity/
das Maß aller Dinge,</p>
</blockquote>
<p>Wie es so schön heisst:</p>
<p><em>ein alt-Text sagt mehr als 1000 Worte</em></p>
<div class="signature">-- <br>
Neu im Forum!
Signaturen kann man ausblenden!
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726243#m1726243Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2018-07-09T15:34:15Z2018-07-09T15:34:15ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>@@Michael Sy.</p>
<blockquote>
<p>Für mich ist diese Grafik hier: <a href="http://www.standardista.com/css3/css-specificity/" rel="nofollow noopener noreferrer">http://www.standardista.com/css3/css-specificity/</a></p>
</blockquote>
<p>Immer wieder gern gesehen.</p>
<blockquote>
<p>Die genannte Quelle behandelt !important als einen Teil der Spezifität</p>
</blockquote>
<p>Nö. Sie stellt <code>!important</code> hintendran. <code>1-0-0-0-0</code> (fünf Zahlen, was es so nicht gibt) lässt schon erahnen, wie ernsthaft das gemeint ist.</p>
<blockquote>
<p>was […] sogar semantisch zu rechtfertigen ist. (Denn immerhin wird mit !important eine ganz bestimmte Eigenschaft-Attribut-Zuordnung <em>spezifisch</em> ausgezeichnet bzw. <em>selektiert</em>.</p>
</blockquote>
<p>Spezifität bezieht sich per Definition auf Selektoren [<a href="https://www.w3.org/TR/CSS22/cascade.html#specificity" rel="nofollow noopener noreferrer">CSS 2.2</a>, <a href="https://www.w3.org/TR/selectors-4/#specificity-rules" rel="nofollow noopener noreferrer">Selectors 4</a>], nicht auf Deklarationen (Eigenschaft-Wert-Paare; „Wert“, nicht „Attribut“).</p>
<blockquote>
<p>Mit dem Umstand, dass das in den Specs nicht auf dieselbe Weise behandelt wird, kann ich aufgrund der sehr großen Erklärungskraft gut leben. (Wollten wir uns möglichst nahe an den Specs orientieren, könnte man sie ja einfach übersetzen.))</p>
</blockquote>
<p>Man kann (und sollte) sicher in Erklärungen für Anfänger Dinge vereinfachen. Was man aber nicht tun sollte: Fachbegriffe (wie hier „Spezifität“) mit einer anderen Bedeutung versehen. Das geht bei Hotti (pl) hier im Forum regelmäßig schief.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726249#m1726249Michael Sy.2018-07-09T16:06:00Z2018-07-09T16:06:00ZWiki-Artikel „Kaskade“ / Spezifität von "style="<blockquote>
<blockquote>
<p>Die genannte Quelle behandelt !important als einen Teil der Spezifität
Nö. Sie stellt !important hintendran. 1-0-0-0-0 (fünf Zahlen, was es so nicht gibt) lässt schon erahnen, wie ernsthaft das gemeint ist.</p>
</blockquote>
</blockquote>
<p>Doch, das tut sie. Unter der Überschrift "Selector Specificity Weights" wird !important als erster Punkt aufgeführt. Eindeutiger geht's nicht. Und ich glaube auch nicht, dass das scherzhaft gemeint ist...</p>
<p>Manchmal heiligt der Zweck eben doch die Mittel. Wenn man möglichst verständlich werden will, muss man schon mal die letzte logische Präzision über Bord werfen - ist jedenfalls meine Meinung und Erfahrung. Außerdem ist Sprache immer im Fluß. Begriffe verändern im Laufe ihres Gebrauchs ihre Bedeutung. Das ist ganz normal, weil sich auch die Welt immer weiter verändert, muss die Sprache sich anpassen. Und wer sagt uns, dass man in den CSS-Specs schon die optimalste aller möglichen Begriffsdefinitionen gefunden hat, um die "Mechanik" zu beschreiben, die zu definieren ist?</p>
<p>Sorry für das viele Gelaber... - Michael Sy.</p>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726251#m1726251Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2018-07-09T16:21:57Z2018-07-09T16:21:57ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>@@Michael Sy.</p>
<blockquote>
<blockquote>
<blockquote>
<p>Die genannte Quelle behandelt !important als einen Teil der Spezifität
Nö.
Doch</p>
</blockquote>
</blockquote>
</blockquote>
<p>Oh!</p>
<blockquote>
<p>Unter der Überschrift "Selector Specificity Weights" wird !important als erster Punkt aufgeführt. Eindeutiger geht's nicht.</p>
</blockquote>
<p><em lang="en">“Any property declaration with the term !important takes highest <strong>precendence</strong>”</em> (Hervorhebung von mir)</p>
<p><em lang="en">Precendence</em> heißt nicht <em>Spezifität</em>.</p>
<blockquote>
<p>Begriffe verändern im Laufe ihres Gebrauchs ihre Bedeutung.</p>
</blockquote>
<p>Ja. Wenn du als einziger die Bedeutung von Begriffen veränderst, hast du aber ein Problem.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726252#m1726252Matthias Apselmatthias.apsel@selfhtml.orghttps://brückentage.info2018-07-09T16:27:09Z2018-07-09T16:27:09ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Gunnar Bittersmann,</p>
<blockquote>
<p><em lang="en">“Any property declaration with the term !important takes highest <strong>precendence</strong>”</em> (Hervorhebung von mir)</p>
<p><em lang="en">Precendence</em> heißt nicht <em>Spezifität</em>.</p>
</blockquote>
<p><em lang="en" class="bad">precendence</em> <a href="https://www.dict.cc/?s=precedence" rel="nofollow noopener noreferrer">gibt es gar nicht</a>. </p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Rosen sind rot.
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726257#m1726257Michael Sy.2018-07-09T16:48:01Z2018-07-09T16:51:52ZWiki-Artikel „Kaskade“ / Spezifität von "style="<blockquote>
<blockquote>
<blockquote>
<p>Unter der Überschrift "Selector Specificity Weights" wird !important als erster Punkt aufgeführt. Eindeutiger geht's nicht.</p>
</blockquote>
</blockquote>
</blockquote>
<blockquote>
<blockquote>
<p>“Any property declaration with the term !important takes highest precendence” (Hervorhebung von mir)</p>
</blockquote>
</blockquote>
<blockquote>
<p>Precendence heißt nicht Spezifität.</p>
</blockquote>
<p>Gut ok, nach der Logik gehört dann also style=”” auch nicht zur Spezifität!:</p>
<p>"style=””: If the author includes style attribute on an element, the inline style will take <strong>precedence</strong> over any styles [...]"</p>
<blockquote>
<p>Ja. Wenn du als einziger die Bedeutung von Begriffen veränderst, hast du aber ein Problem.</p>
</blockquote>
<p>Nö, allenfalls die anderen...</p>
<p>Mit starrköpfigem Gruß - Michael Sy.</p>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726259#m1726259Michael Sy.2018-07-09T17:13:43Z2018-07-09T17:13:43ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>@@Matthias Apsel:</p>
<blockquote>
<p>precendence gibt es gar nicht. </p>
</blockquote>
<p>Sorry, dass ich dir das mitteilen muss, aber <a href="https://dict.leo.org/englisch-deutsch/matthias" rel="nofollow noopener noreferrer">dich gibt es auch nicht</a>...</p>
<p>Das Leben ist zu ernst, als es auch noch als ein solches zu nehmen - Michael Sy.</p>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726267#m1726267Rolf B2018-07-09T19:16:59Z2018-07-09T19:16:59ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Michael,</p>
<p>ich habe jetzt nochmal etwas die Specs studiert, und ja, du hattest recht, was ich oben geschrieben habe war nicht ganz richtig.</p>
<p>Es gibt in den Specs zwei Definitionen von Spezifität: die 3D Definition aus dem <a href="https://www.w3.org/TR/selectors/#specificity-rules" rel="nofollow noopener noreferrer">Selectors</a>-Modul. Von dort wird über "CSS Style Attributes" auf die CSS 2.1 Spec, Kapitel 6.4.3, verlinkt, und dort findet man die 4D Spezifikation, die dem Style-Attribut Vorrang einräumt.</p>
<p>Genau diese Spec trennt aber auch zwischen Vorrangigkeit (Precedence) und Spezifität. Die Vorrangigkeit ergibt sich aus Herkunft (Origin) und Wichtigkeit (Importance), und nur innerhalb einer Vorrangstufe gilt die Spezifität. Man KÖNNTE das durch ein 5D Tupel ausdrücken, dessen erster Wert die Vorrangstufe ist. Die Spec tut das aber nicht - obwohl sie sich bereits die Freiheit genommen hat, die 4D Erweiterung vorzunehmen. Der Grund dürfte sein, dass die beiden Extradimensionen voneinander abhängig sind: Angaben aus dem style-Attribut gelten als Author-Angaben und sind darum nur für bestimmte Herkünfte zulässig.</p>
<p>Besser wäre daher eine Erweiterung der ersten Stelle des 4D-Tupels, aber das kann man nicht so simpel mit einem Atombömbchen ausdrücken. Man braucht nämlich 7 Stufen, um Vorrangigkeit und style-Herkunft zu vereinigen (ni=non important): 0=Browser, 1=User ni, 2=Author ni, 3=style ni, 4=Author !i, 5=style !i, 6=User !i</p>
<p>Das wird dann aber arg unübersichtlich, möglicherweise hat die Spec es deshalb unterlassen.</p>
<p>Aber auch wenn es mit diesen 7 Stufen in 4D-Tupeln funktioniert: Das ist dann eine hausgemachte Definition, nicht die offizielle Spec. Fachbegriffe haben aber möglichst aus der Spec zu kommen.</p>
<p><em>Rolf</em></p>
<div class="signature">-- <br>
sumpsi - posui - clusi
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726272#m1726272Matthias Apselmatthias.apsel@selfhtml.orghttps://brückentage.info2018-07-09T19:37:54Z2018-07-09T19:37:54ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Rolf B,</p>
<blockquote>
<p>ich habe jetzt nochmal etwas die Specs studiert</p>
</blockquote>
<p>So. Und was schreiben wir nun ins Wiki?</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Rosen sind rot.
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726280#m1726280Michael Sy.2018-07-09T21:48:55Z2018-07-09T21:48:55ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Rolf,</p>
<p>ist das wirklich alles so kompliziert, wie sich das bei dir liest? Das Konzept, das ich im Kopf habe ist erheblich einfacher und besteht einfach aus zwei Elementen:</p>
<ol>
<li>http://www.standardista.com/css3/css-specificity/</li>
<li>Wenn die aus (1.) errechnete Priorität dieselbe ist, sticht die Reihenfolge, wie du es wohl nennst die "zeitliche" [*1]</li>
</ol>
<p>(Natürlich sind diese beiden Punkte keine vollständige Spezifikation. Z.B. fehlt das Konzept (das zumindest in meinem Kopf existiert), dass bei der Reihenfolge der Browser ganz am Anfang steht und schon durch jeden kleinen Pups - z.B. dem *-Selektor - überschrieben wird.)</p>
<p>Wenn meine Theorie zu simpel ist, um korrekt zu sein, dann gebe mir bitte ein konkretes Beispiel, bei dem meine Theorie einen Fehler produziert.</p>
<p>Bin gespannt auf die Antwort – Michael Sy.</p>
<p>[*1] Da hier so viel Wert auf korrekte Begriffe gelegt wird: CSS ist keine prozedurale, sondern eine deskriptive Auszeichnungssprache und daher ist die Reihenfolge auch keine zeitliche. (Zugegebenermaßen merkt man das aber erst richtig, wenn man z.B. über LESS programmiert.)</p>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726282#m1726282Rolf B2018-07-09T22:29:02Z2018-07-09T22:29:02ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Matthias,</p>
<p>im Wiki sollten wir unter 1.1 etwas genauer werden, damit sich 1.1 und 2 nicht widersprechen. Es gibt 5 Stufen, nicht 3, und die Benutzer-Stylesheets liegen auf Rang 4 und 1 (wenn der Browser auf Rang 5 liegt). Vielleicht ist es auch sinnvoll, als erstes zu beschreiben dass es Vorrang und Spezifität gibt, und dann die Vorrang- und die Spezifitätsregeln erklären. Meine Versuche von oben sind vermutlich nicht Wiki-geeignet, sie sollten auch eher zeigen, dass es eben NICHT so einfach ist, wie Specifishity darstellt.</p>
<p>Da auch die CSS2.1 Spec auf 4D-Tupel eingeht, um Spezifität und style-Attribute zu verbinden, kann man das durchaus beibehalten.</p>
<p>Wenn man dann noch im style-Attribut darauf eingeht, dass diese Attribute zu den Autorenregeln gehören, ergibt sich die Überschreibungsmöglichkeit eigentlich ganz automatisch und diese Klammeranmerkung könnte sich erübrigen.</p>
<p><a href="https://www.w3.org/TR/css-cascade-3/#cascading" rel="nofollow noopener noreferrer">Und es ist ja im Lauf der Jahre noch viel komplizierter geworden</a>. CSS3 geht ins Jahr 2001 zurück, und wenn man die Dokumentversionen betrachtet, hat sich die Kaskade seitdem hat deutlich erweitert. Aber wie man das ins Wiki packt, und mit Beispielen versieht - hmm.</p>
<p><em>Rolf</em></p>
<div class="signature">-- <br>
sumpsi - posui - clusi
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726281#m1726281Rolf B2018-07-09T22:03:04Z2018-07-09T22:03:04ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Michael,</p>
<p>zeitliche Reihenfolge meint die Reihenfolge, in der der Browser die Deklaration antrifft. Was er später findet, hat Vorrang wenn anderweit kein Vorrang bestimmbar ist.</p>
<p>Dass SpeciFISHity unvollständig ist, weil es die Regelquelle außer Acht lässt, hatte ich dargelegt, und das merkst Du nun ja auch selbst übelriechend an: ein * Selektor, der eigentlich überhaupt keine Spezifität hat, überschreibt trotzdem das User Agent Stylesheet. Weil ein Autoren-Stylesheet die höhere Vorrangstufe hat.</p>
<p>Deine Hypothese kommt in dem Moment in Schwierigkeiten, wo User-Stylesheets hinzukommen, also CSS Dateien die der Browser auf Wunsch des Users als Erweiterung des Browser-Stylesheet einbindet. Und zweitens geht SpeciFISHity nicht darauf ein, dass es (auch ohne User-Stylesheets) bei !important die Atom- und Wasserstoffbombe gibt: !important in der CSS Datei und !important im style-Attribut.</p>
<p><em>Rolf</em></p>
<div class="signature">-- <br>
sumpsi - posui - clusi
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726283#m1726283Michael Sy.2018-07-09T22:34:56Z2018-07-09T22:42:57ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Rolf,</p>
<blockquote>
<p>ein * Selektor, der eigentlich überhaupt keine Spezifität hat, überschreibt trotzdem das User Agent Stylesheet</p>
</blockquote>
<p>Ist dem wirklich so? Glaube ich nicht. Meinte ich auch nicht so. Mit "Browser" meinte ich nur die Grundeinstellungen, die der Browser von sich aus schon mitbringt.</p>
<p>Das User-Agent–Stylesheet war mir bislang mehr oder weniger unbekannt. Ich ordne dies in meiner Theorie unter Punkt (2.) ein. Und es steht dort zwischen den Browsergrundeinstellungen und dem Stylesheet + Inline-Style (also dem. was ich also als Programmierer der Webseite überhaupt beeinflussen kann.)</p>
<p>Und ich gehe davon aus, dass im User-Agent-Stylesheet alles nach SpeciFISHity berechnet und berücksichtigt wird.</p>
<blockquote>
<p>Und zweitens geht SpeciFISHity nicht darauf ein, dass es bei !important die Atom- und Wasserstoffbombe gibt: !important in der CSS Datei und !important im style-Attribut.</p>
</blockquote>
<p>Ich meine, hier irrst du dich. Die Definition über style= wird doch ausdrücklich berücksichtigt. Ergebnis der SpeciFISHity-Berechnung: ein !import im style-Statement kann nicht mehr von "draußen" überschrieben werden. Ist das nicht korrekt?</p>
<p>Ich kann nun nicht gerade behaupten, dass ich das alles, was ich hier so schreibe, mit Bestimmtheit weiß. Es ist halt die Theorie, die ich mir im Laufe meiner Praxis angeeignet habe und sie erscheint mir sinnig. Auch in dem Sinne "sinnig", weil ich nicht wüsste, warum man es irgendwie anders und damit komplizierter machen sollte.</p>
<p>Im Zweifelsfall müsste man (ich) den Nachweis über eine konkrete Demo-Webseite erbringen.</p>
<p>Gruß - Michael Sy.</p>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726284#m1726284Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2018-07-09T23:03:04Z2018-07-09T23:09:26ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>@@Michael Sy.</p>
<blockquote>
<p>Das User-Agent–Stylesheet […] steht dort zwischen den Browsergrundeinstellungen und dem Stylesheet + Inline-Style</p>
</blockquote>
<p>Das User-Agent–Stylesheet <em>sind</em> die Browsergrundeinstellungen.</p>
<p>Bspw. sowas wie</p>
<pre><code class="block language-css"><span class="token selector">ol, ul</span>
<span class="token punctuation">{</span>
<span class="token property">margin</span><span class="token punctuation">:</span> 1em 0<span class="token punctuation">;</span>
<span class="token property">padding-left</span><span class="token punctuation">:</span> 40px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</code></pre>
<blockquote>
<blockquote>
<p>ein * Selektor, der eigentlich überhaupt keine Spezifität hat, überschreibt trotzdem das User Agent Stylesheet</p>
</blockquote>
<p>Ist dem wirklich so? Glaube ich nicht.</p>
</blockquote>
<p>Klar ist dem so.</p>
<pre><code class="block language-css"><span class="token selector">*</span>
<span class="token punctuation">{</span>
<span class="token property">margin</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
<span class="token property">padding-left</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</code></pre>
<p>im Autoren-Stylesheet (nicht, dass man solche einen Reset verwenden sollte) überschreibt die Angaben aus dem User-Agent–Stylesheet – trotz geringerer Spezifität des Selektors.</p>
<p>Nach deiner Theorie, dass das User-Agent–Stylesheet einfach nur vor dem Autoren-Stylesheet stünde, müssten <code>ol</code> und <code>ul</code> ihre Außen- und Innenabstände aus dem User-Agent–Stylesheet behalten. Tun sie aber nicht. Herkunft der Regeln sticht Spezifität.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726286#m1726286Michael Sy.2018-07-09T23:59:25Z2018-07-09T23:59:25ZWiki-Artikel „Kaskade“ / Spezifität von "style="<blockquote>
<p>Das User-Agent–Stylesheet sind die Browsergrundeinstellungen.</p>
</blockquote>
<p>Ok, klar, wenn dem so ist, dann sind natürlich auch alle meine Folgerungen bzw. Mutmaßungen quatsch gewesen - keine Frage!</p>
<p>Meine simple 2-Punkte-Theorie wird davon aber nicht berührt. Nur insofern, als dass ich das sogenannte "User-Agent-Stylesheet" (in meiner Theorie) nicht als Stylesheet bezeichnen würde. Es sind (in meiner Theorie) einfach die Grundeinstellungen, die schlicht von allen sonstigen CSS-Regeln überschrieben werden. Diesen Grundeinstellungen durch ihre <strong>Ersatzdarstellung mittels einer CSS-Stylesheet-Form</strong> gewissermaßen erst eine Spezifität zuzuorden, um dann gleich im nächsten Atemzuge zu sagen, dass durch eine andere Herkunft der Zuweisungen diese Spezifität wieder ausgestochen wird (und zwar in jedem Fall!), das halte ich für eine unnötig verkomplizierte Darstellung einer eigentlich sehr einfachen Sache. Die Browsergrundeinstellungen haben für mich überhaupt gar keine Spezifität, noch nicht einmal die der Stufe 0-0-0, da diese Einstellungen immer schon da sind und nicht erst irgendwie vorgenommen werden müssen (soll heißen, sie müssen gar nicht erst <strong>adressiert</strong> werden).</p>
<p>Oder habe ich vielleicht wieder etwas falsch verstanden?</p>
<p>Gute Nacht! - Michael Sy.</p>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726290#m1726290Matthias Apselmatthias.apsel@selfhtml.orghttps://brückentage.info2018-07-10T05:14:02Z2018-07-10T05:14:02ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Michael Sy.,</p>
<blockquote>
<p>Oder habe ich vielleicht wieder etwas falsch verstanden?</p>
</blockquote>
<p>Vielleicht. Die Spezifität kommt erst bei Regeln derselben Herkunft (Browser - Autor - Nutzer) zum Tragen.</p>
<p>Auch in den Browser- oder Default-Stylesheets gibt es Regeln verschiedener Speziftät.</p>
<pre><code class="block language-css"><span class="token comment">/* tables */</span>
<span class="token selector">table</span> <span class="token punctuation">{</span>
<span class="token property">display</span><span class="token punctuation">:</span> table<span class="token punctuation">;</span>
<span class="token property">border-spacing</span><span class="token punctuation">:</span> 2px<span class="token punctuation">;</span>
<span class="token property">border-collapse</span><span class="token punctuation">:</span> separate<span class="token punctuation">;</span>
<span class="token comment">/* XXXldb do we want this if we're border-collapse:collapse ? */</span>
<span class="token property">box-sizing</span><span class="token punctuation">:</span> border-box<span class="token punctuation">;</span>
<span class="token property">text-indent</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">table[align="left"]</span> <span class="token punctuation">{</span>
<span class="token property">float</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">table[align="right"]</span> <span class="token punctuation">{</span>
<span class="token property">float</span><span class="token punctuation">:</span> right<span class="token punctuation">;</span>
<span class="token property">text-align</span><span class="token punctuation">:</span> start<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</code></pre>
<p>(Firefox, <code>resource://gre-resources/html.css</code>)</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Rosen sind rot.
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726325#m1726325Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2018-07-10T10:43:08Z2018-07-10T10:43:08ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>@@Michael Sy.</p>
<blockquote>
<p>als dass ich das sogenannte "User-Agent-Stylesheet" (in meiner Theorie) nicht als Stylesheet bezeichnen würde. […] das halte ich für eine unnötig verkomplizierte Darstellung einer eigentlich sehr einfachen Sache.</p>
</blockquote>
<p>Im Gegenteil, Browsergrundeinstellungen als Stylesheet aufzufassen <em>vereinfacht</em> die Sache. Browsergrundeinstellungen sind nicht irgendwas Exotisches, sondern auch einfach nur ein weiteres Stylesheet. Alles spricht dieselbe Sprache: CSS.</p>
<p>Dasselbe gilt für Nutzerstylesheets — egal ob die nun als Datei vorliegen oder per GUI generiert werden.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726289#m1726289Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2018-07-10T04:47:26Z2018-07-10T04:47:26ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>@@klawischnigg</p>
<blockquote>
<p>Kein Mensch bezahlt gute Haltungsnoten beim Erstellen von Stylesheets…</p>
</blockquote>
<p>Schlecht wartbarer Code kommt einen aber teuer zu stehen. Die Haltungsnoten gibt’s nicht allein für Ästhetik, sondern sie drücken die Effizienz aus, mit der Änderungen möglich sind. Von daher: nein zu deiner Aussage.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726291#m1726291Christian Krusehttps://wwwtech.de/about2018-07-10T06:06:02Z2018-07-10T06:06:02ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo klawischnigg,</p>
<blockquote>
<blockquote>
<p>Ich störe mich eigentlich nur am Begriff des <em>blutigen</em> Anfängers. Guter CSS-Stil kommt ohne !important aus.</p>
</blockquote>
<p>Zum blutigen Anfänger kann ich nichts sagen, aber was da hier manchmal an abgehobenem Unsinn verzapft wird, das geht auf keine Kuhhaut mehr. Das ist alles bloße Theorie. !important ist total important, wenn man bestehende Styleanweisungen bearbeiten muß und kann ein großer Zeitgewinn sein, wenn man sich durch tausende Zeilen fressen muß.</p>
</blockquote>
<p>Tut mir leid, aber das sehe ich grundlegend und völlig anders. Die Verwendung von <code>!important</code> hat im Endeffekt bisher immer mehr Zeit gekostet als vermeintlich gespart.</p>
<p>LG,<br>
CK</p>
<div class="signature">-- <br>
<a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a>
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726293#m1726293Michael Sy.2018-07-10T06:41:17Z2018-07-10T06:57:40ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Matthias,</p>
<blockquote>
<p>resource://gre-resources/html.css</p>
</blockquote>
<p>Ok, sehr interessant, kannte ich noch nicht. Es gibt also doch so etwas wie ein User-Agent-Stylesheet.</p>
<p>Kann man diese "Datei" auch editieren? Hab eben mal nachgeschaut, scheint nicht als einzelne Datei vorzuliegen, sondern befindet sich offenbar in einer Container-Datei.</p>
<p>Gruß - Michael Sy.</p>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726342#m1726342klawischnigg2018-07-10T13:36:42Z2018-07-10T13:36:42ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hi there,</p>
<blockquote>
<p>Tut mir leid, aber das sehe ich grundlegend und völlig anders. Die Verwendung von <code>!important</code> hat im Endeffekt bisher immer mehr Zeit gekostet als vermeintlich gespart.</p>
</blockquote>
<p>Hängt eben wie beschrieben vom Verwendungsfall ab. Wenn ich ein Fremdstylesheet anpassen muß, soll heissen, irgendetwas was ein anderer geschrieben hat, dann hab ich keine Lust, mich durch uU tausende Zeilen Styleanweisungen zu wühlen. Ich geb' jenen Recht, die meinen !important braucht man nicht, wenn man ein Projekt selbst verfasst. Aber das ist eben nicht immer der Fall. Und - wenn man's nicht brauchte, warum gibt es !important dann?
Anyway, ich find' einige Diskussion hier wirklich ziemlich praxisfremd - ich schreib halt lieber Rechnungen als über guten Stil und Haltungsnoten nachzudenken…</p>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726298#m1726298Rolf B2018-07-10T07:13:50Z2018-07-10T07:13:50ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Michael,</p>
<p>nein, dafür sind die User-Stylesheets da. Firefox konnte das mal, ob er es seit dem Quantum-Sprung noch kann musst Du gucken. Chrome kann es angeblich seit Version 32 gar nicht mehr. D.h. da steht was in der Spec, was von den Browserherstellen ungern unterstützt wird.</p>
<p>Windows: %APPDATA%\Mozilla\Firefox, dort in den Profilordner, dort in den Ordner chrome (was nix mit Google zu tun hat) und dort userChrome.css oder userContent.css anlegen</p>
<p><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Tutorial/Modifying_the_Default_Skin" rel="nofollow noopener noreferrer">Quelle</a></p>
<p><em>Rolf</em></p>
<div class="signature">-- <br>
sumpsi - posui - clusi
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726312#m1726312Michael Sy.2018-07-10T09:17:23Z2018-07-10T09:17:23ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Rolf, vielen Dank für die Info - Michael Sy.</p>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726341#m1726341Michael Sy.2018-07-10T13:33:04Z2018-07-10T13:33:04ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>@@Gunnar Bittersmann</p>
<blockquote>
<p>Im Gegenteil, Browsergrundeinstellungen als Stylesheet aufzufassen vereinfacht die Sache. Browsergrundeinstellungen sind nicht irgendwas Exotisches, sondern auch einfach nur ein weiteres Stylesheet.</p>
</blockquote>
<p>Na gut, wie man oben nachlesen kann, habe ich ja mittlerweile schon wieder einiges hinzugelernt. Insofern möchte ich nicht mehr unbedingt auf meinem o.a. Standpunkt beharren.</p>
<p>Allerdings frage ich mich, was daraus für mich als Website-Programmierer in der Praxis folgt, wenn ich deiner Sichtweise folge? Das Problem ist doch, dass ich (nahezu) keinerlei Kenntnisse davon habe, welche Browser-spezifischen Stylsheets vorliegen. Ganz im Gegenteil muss (oder sollte) ich doch mit solchen Sachen wie z.B. <a href="https://github.com/necolas/normalize.css" rel="noopener noreferrer">normalize.css</a> dafür sorgen, dass ich (vermeintlich und hoffentlich) auf der Browserseite möglichst dieselben Bedingungen habe. Was der Browser-Nutzer dann daraus macht, da kann ich doch nur die Achseln zucken und sagen: egal was er macht, ER muss ja damit leben…</p>
<p>(Vielleicht folgt aus deinem Standpunkt, nun erst recht auf den Einsatz von !important zu verzichten. Aber das tue ich ohnehin schon.)</p>
<p>Gruß - Michael Sy.</p>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726344#m1726344Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2018-07-10T13:59:35Z2018-07-10T13:59:35ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>@@Michael Sy.</p>
<blockquote>
<p>Das Problem ist doch, dass ich (nahezu) keinerlei Kenntnisse davon habe, welche Browser-spezifischen Stylsheets vorliegen.</p>
</blockquote>
<p>Firefox bspw. zeigt diese an, wenn du in den Einstellungen des Entwicklerwerkzeugs den Haken bei<br>
<img src="/images/28fe523e-667a-4e0a-9344-b2761f789d0b.png?size=medium" alt="Inspektor > Browser-eigene Stile anzeigen " loading="lazy"><br>
setzst. Beispiel:</p>
<p><a href="/images/5a4cbde5-9034-4d53-9b04-ce16eb9ee7b6.png" rel="noopener noreferrer"><img src="/images/5a4cbde5-9034-4d53-9b04-ce16eb9ee7b6.png" alt="" loading="lazy"></a></p>
<blockquote>
<p>Ganz im Gegenteil muss (oder sollte) ich doch mit solchen Sachen wie z.B. <a href="https://github.com/necolas/normalize.css" rel="noopener noreferrer">normalize.css</a> dafür sorgen, dass ich (vermeintlich und hoffentlich) auf der Browserseite möglichst dieselben Bedingungen habe.</p>
</blockquote>
<p>Reset-/Normalize-Stylesheets sind überbewertet, IMHO.</p>
<p>Und <code>html { -webkit-text-size-adjust: 100%; }</code> ist gar <a href="https://forum.selfhtml.org/self/2015/mar/15/iphone-im-landscape-modus/1634654#m1634654" rel="noopener noreferrer">Unfug</a>.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726349#m1726349Matthias Apselmatthias.apsel@selfhtml.orghttps://brückentage.info2018-07-10T14:44:25Z2018-07-10T14:44:25ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Michael Sy.,</p>
<blockquote>
<p>Ganz im Gegenteil muss (oder sollte) ich doch mit solchen Sachen wie z.B. <a href="https://github.com/necolas/normalize.css" rel="noopener noreferrer">normalize.css</a> dafür sorgen, dass ich (vermeintlich und hoffentlich) auf der Browserseite möglichst dieselben Bedingungen habe.</p>
</blockquote>
<p>Nein. Erstens sind sich die meisten Browserstylesheets sehr ähnlich und zweitens muss eine Seite nicht in jedem Browser gleich aussehen.</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Rosen sind rot.
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726343#m1726343Christian Krusehttps://wwwtech.de/about2018-07-10T13:53:08Z2018-07-10T13:53:08ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo klawischnigg,</p>
<blockquote>
<blockquote>
<p>Tut mir leid, aber das sehe ich grundlegend und völlig anders. Die Verwendung von <code>!important</code> hat im Endeffekt bisher immer mehr Zeit gekostet als vermeintlich gespart.</p>
</blockquote>
<p>Hängt eben wie beschrieben vom Verwendungsfall ab.</p>
</blockquote>
<p>Ne, eben nicht. Ich habe dir ja widersprochen </p>
<blockquote>
<p>Wenn ich ein Fremdstylesheet anpassen muß, soll heissen, irgendetwas was ein anderer geschrieben hat, dann hab ich keine Lust, mich durch uU tausende Zeilen Styleanweisungen zu wühlen.</p>
</blockquote>
<p>Dass du da keine Lust zu hast, glaube ich dir gerne. Meiner Erfahrung nach ist das trotzdem der einzige Weg, der nicht noch mehr Probleme verursacht.</p>
<p>LG,<br>
CK</p>
<div class="signature">-- <br>
<a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a>
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726345#m1726345Rolf B2018-07-10T14:12:52Z2018-07-10T14:12:52ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Christian,</p>
<p>jein. Wenn Du ein Projekt aus einer Hand zimmerst, wirst Du !important sicherlich durch gute Planung vermeiden können. Aber leider ist die Welt nicht immer so wohlstrukturiert.</p>
<p>Zum einen kommt man durch !important an eine andere Stelle der Vorrangkette (User Agent -> User -> Autor -> Autor !important -> User !important), und das kann bei Konstruktion eines User-Stylesheet wichtig sein.</p>
<p>Zum anderen kann es ein Sammelsurium an Style-Quellen geben. Wenn ich eine fertige CSS Datei einbinden muss, die nicht für mein Projekt gebaut wurde sondern übergreifend gedacht ist (Styles für irgendwelche Widgets), und ich darin 2-3 Stellen tweaken will, dann mache ich das nicht per Editor oder File-Patcher. Dann ist ein Extra-CSS mit ein paar gut gezielten !important Einträgen sinnvoll.</p>
<p><em>Rolf</em></p>
<div class="signature">-- <br>
sumpsi - posui - clusi
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726357#m1726357Michael Sy.2018-07-10T16:59:58Z2018-07-10T16:59:58ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>@@Gunnar Bittersmann</p>
<blockquote>
<blockquote>
<p>Das Problem ist doch, dass ich (nahezu) keinerlei Kenntnisse davon habe, welche Browser-spezifischen Stylsheets vorliegen.</p>
</blockquote>
</blockquote>
<blockquote>
<p>Firefox bspw. zeigt diese an, wenn du in den Einstellungen des Entwicklerwerkzeugs den Haken bei Inspektor > Browser-eigene Stile anzeigen setzst.</p>
</blockquote>
<p>Ich dachte eigentlich, dass man aus dem Kontext entnehmen konnte, dass ich natürlich nicht meinen Browser meinte, sondern all die vielen Browser, auf denen die Webseiten angezeigt werden, die ich programmiere.</p>
<p>Gruß - Michael Sy.</p>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726347#m1726347Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2018-07-10T14:14:56Z2018-07-10T14:14:56ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>@@Rolf B</p>
<blockquote>
<p>Wenn Du ein Projekt aus einer Hand zimmerst, wirst Du !important sicherlich durch gute Planung vermeiden können.</p>
</blockquote>
<p>Nochmal: Gute Planung beïnhaltet <code>!important</code> und schließt es nicht aus.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726363#m1726363Michael Sy.2018-07-10T17:30:44Z2018-07-10T17:30:44ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>@@Gunnar Bittersmann</p>
<blockquote>
<p>Reset-/Normalize-Stylesheets sind überbewertet, IMHO.</p>
</blockquote>
<blockquote>
<p>Und html { -webkit-text-size-adjust: 100%; } ist gar Unfug.</p>
</blockquote>
<p>@@Matthias Apsel</p>
<blockquote>
<p>[...] und zweitens muss eine Seite nicht in jedem Browser gleich aussehen.</p>
</blockquote>
<p>Aua, aua - Design ist offenbar nicht so sehr euer Thema...</p>
<p>Also ich für meinen Teil hätte es am liebesten, wenn alle Internet-Nutzer dieselbe
Grafikkarte benutzen und vor farbkalibrierten Monitoren sitzen würden.</p>
<p>Designer (auch wenn man wie ich nur ein Hobby-Designer ist) haben die Tendenz, möglichst
jeden einzelnen Pixel höchstpersönlich setzen und steuern zu wollen. Es geht darum, die volle Kontrolle zu haben.</p>
<p>Gruß - Michael Sy.</p>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726359#m1726359Matthias Apselmatthias.apsel@selfhtml.orghttps://brückentage.info2018-07-10T17:04:25Z2018-07-10T17:04:25ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Michael Sy.,</p>
<blockquote>
<p>Ich dachte eigentlich, dass man aus dem Kontext entnehmen konnte, dass ich natürlich nicht meinen Browser meinte, sondern all die vielen Browser, auf denen die Webseiten angezeigt werden, die ich programmiere.</p>
</blockquote>
<ol>
<li>siehe <a href="https://forum.selfhtml.org/m1726349" rel="noopener noreferrer">m1726349</a></li>
<li>Webseiten werden nicht programmiert </li>
</ol>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Rosen sind rot.
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726366#m1726366Matthias Apselmatthias.apsel@selfhtml.orghttps://brückentage.info2018-07-10T18:48:00Z2018-07-10T18:48:00ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Michael Sy.,</p>
<blockquote>
<p>Designer (auch wenn man wie ich nur ein Hobby-Designer ist) haben die Tendenz, möglichst
jeden einzelnen Pixel höchstpersönlich setzen und steuern zu wollen.</p>
</blockquote>
<p>Ich behaupte, auf Webdesigner trifft das nicht zu.</p>
<blockquote>
<p>Es geht darum, die volle Kontrolle zu haben.</p>
</blockquote>
<p>Dann ist das Web das falsche Medium für dich.</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Rosen sind rot.
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726369#m1726369Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2018-07-10T19:06:15Z2018-07-10T19:06:15ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>@@Michael Sy.</p>
<blockquote>
<p>Aua, aua - Design ist offenbar nicht so sehr euer Thema...</p>
</blockquote>
<p>Doch, meins schon. Und zwar <em><strong>Web</strong></em>design.</p>
<blockquote>
<p>Also ich für meinen Teil hätte es am liebesten, wenn alle Internet-Nutzer dieselbe
Grafikkarte benutzen und vor farbkalibrierten Monitoren sitzen würden.</p>
</blockquote>
<p>Du hast das mit dem Web in Webdesign verstanden?</p>
<blockquote>
<p>Designer (auch wenn man wie ich nur ein Hobby-Designer ist) haben die Tendenz, möglichst
jeden einzelnen Pixel höchstpersönlich setzen und steuern zu wollen.</p>
</blockquote>
<p>Das sind keine Webdesigner. Wenn es überhaupt Designer sind und nicht Dekorateure.</p>
<p><em>„Design ist nicht nur, wie es aussieht oder sich anfühlt. Design ist, wie es funktioniert.“</em> —Steve Jobs</p>
<blockquote>
<p>Es geht darum, die volle Kontrolle zu haben.</p>
</blockquote>
<p>Da das gar nicht möglich ist, kann es darum nicht gehen. Nicht beim Webdesign.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726375#m1726375beatovichhttps://beat-stoecklin.ch/pub/musik-gitarrenunterricht-laufental.html2018-07-10T20:33:24Z2018-07-10T20:33:24ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>hallo</p>
<blockquote>
<p>Es geht darum, die volle Kontrolle zu haben.</p>
</blockquote>
<p>text/plain</p>
<div class="signature">-- <br>
Neu im Forum!
Signaturen kann man ausblenden!
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726381#m1726381Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2018-07-10T21:34:37Z2018-07-10T21:51:24ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>@@beatovich</p>
<blockquote>
<blockquote>
<p>Es geht darum, die volle Kontrolle zu haben.</p>
</blockquote>
<p>text/plain</p>
</blockquote>
<p>Wie kontrolliert man da Schriftart und -größe, Zeilenlänge und -abstand?</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726382#m1726382beatovichhttps://beat-stoecklin.ch/pub/musik-gitarrenunterricht-laufental.html2018-07-10T21:37:05Z2018-07-10T21:52:29ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>hallo</p>
<blockquote>
<p>@@beatovich</p>
<blockquote>
<blockquote>
<p>Es geht darum, die volle Kontrolle zu haben.</p>
</blockquote>
<p>text/plain</p>
</blockquote>
<p>Wie kontrolliert man da Schriftart und -größe, Zeilenlänge und -abstand?</p>
</blockquote>
<p>Ich habe dich gerade davon befreit, dass DU von solchen Dingen kontrolliert wirst.</p>
<div class="signature">-- <br>
Neu im Forum!
Signaturen kann man ausblenden!
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726383#m1726383Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2018-07-10T21:59:54Z2018-07-10T21:59:54ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>@@beatovich</p>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<p>Es geht darum, die volle Kontrolle zu haben.</p>
</blockquote>
<p>text/plain</p>
</blockquote>
<p>Wie kontrolliert man da Schriftart und -größe, Zeilenlänge und -abstand?</p>
</blockquote>
<p>Ich habe dich gerade davon befreit, dass DU von solchen Dingen kontrolliert wirst.</p>
</blockquote>
<p>Wenn dann sowas bei rauskommt wie Wikipedia (<em>„Folterkammer mit 8 Metern Satzbreite“</em> —Frank Rausch), dann gebe ich die Kontrolle gern an jemanden ab, der sich damit auskennt.</p>
<p>Und wo wir dabei sind: Das Layout des SELFHTML-Wikis ist kaum einen Deut besser.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726384#m1726384Matthias Apselmatthias.apsel@selfhtml.orghttps://brückentage.info2018-07-11T03:08:05Z2018-07-11T03:08:05ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Gunnar Bittersmann,</p>
<blockquote>
<p>Und wo wir dabei sind: Das Layout des SELFHTML-Wikis ist kaum einen Deut besser.</p>
</blockquote>
<p>deutlich viele Deuts besser. Sogar um Gulden besser.</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Rosen sind rot.
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726592#m1726592Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2018-07-15T10:08:50Z2018-07-15T10:08:50ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>@@Gunnar Bittersmann</p>
<blockquote>
<p>Wikipedia (<em>„Folterkammer mit 8 Metern Satzbreite“</em> —Frank Rausch)</p>
</blockquote>
<p>10:44 in <a href="https://www.typotalks.com/de/videos/die-neue-typografie/" rel="nofollow noopener noreferrer">seinem Vortrag auf der TYPO Berlin 2018</a></p>
<p>Der ganze Vortrag ist ansehenswert.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726388#m1726388Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2018-07-11T09:33:07Z2018-07-11T09:33:07ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>@@Matthias Apsel</p>
<blockquote>
<blockquote>
<p>Und wo wir dabei sind: Das Layout des SELFHTML-Wikis ist kaum einen Deut besser.</p>
</blockquote>
</blockquote>
<p><code>−1</code> dafür‽ Das ist der Grund, warum ich das Wiki nicht ernstnehmen kann.</p>
<blockquote>
<p>deutlich viele Deuts besser. Sogar um Gulden besser.</p>
</blockquote>
<p>Ich hab jetzt mal eine beliebige Seite (<a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg/Warum_Layouts_mit_CSS%3F" rel="nofollow noopener noreferrer">Warum Layouts mit CSS?</a> war’s) genommen und davon die erste Zeile (MacBook Pro 15ʺ):</p>
<p><em>Der „große Sinn von CSS“ besteht in der Trennung von Inhalt und Design. Das hört man oft, stellt sich nichts drunter vor und bastelt dann</em></p>
<p>Nachgezählt: 137 Zeichen. Einhundertsiebenunddreißig.</p>
<p>Willst du mir jetzt weismachen, es wären nicht „8 Meter Satzbreite“ wie bei Wikipedia, sondern nur 7½?</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726389#m1726389beatovichhttps://beat-stoecklin.ch/pub/musik-gitarrenunterricht-laufental.html2018-07-11T09:50:28Z2018-07-11T09:50:28ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>hallo</p>
<blockquote>
<p>Ich hab jetzt mal eine beliebige Seite (<a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg/Warum_Layouts_mit_CSS%3F" rel="nofollow noopener noreferrer">Warum Layouts mit CSS?</a> war’s) genommen und davon die erste Zeile (MacBook Pro 15ʺ):</p>
<p><em>Der „große Sinn von CSS“ besteht in der Trennung von Inhalt und Design. Das hört man oft, stellt sich nichts drunter vor und bastelt dann</em></p>
</blockquote>
<p>Du brauchst definitiv einen schmaleren Bildschirm.</p>
<div class="signature">-- <br>
Neu im Forum!
Signaturen kann man ausblenden!
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726399#m1726399Matthias Apselmatthias.apsel@selfhtml.orghttps://brückentage.info2018-07-11T13:01:18Z2018-07-11T13:01:18ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Gunnar Bittersmann,</p>
<blockquote>
<blockquote>
<blockquote>
<p>Und wo wir dabei sind: Das Layout des SELFHTML-Wikis ist kaum einen Deut besser.</p>
</blockquote>
</blockquote>
<p><code>−1</code> dafür‽</p>
</blockquote>
<p>Ja. Für Missachtung und Herabwürdigung. Unabhängig davon, ob du es so gemeint hast, ist es bei mir so angekommen. Und es liegt nicht am frühen Zeitpunkt. Auch jetzt empfinde ich das noch so.</p>
<blockquote>
<blockquote>
<p>deutlich viele Deuts besser. Sogar um Gulden besser.</p>
</blockquote>
</blockquote>
<blockquote>
<p>Willst du mir jetzt weismachen, es wären nicht „8 Meter Satzbreite“ wie bei Wikipedia, sondern nur 7½?</p>
</blockquote>
<p>Nein, aber ich will dir weismachen, dass <code>60em ≪ ∞</code> ist.</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Rosen sind rot.
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726392#m1726392Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2018-07-11T10:08:34Z2018-07-11T10:08:34ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>@@beatovich</p>
<blockquote>
<p>Du brauchst definitiv einen schmaleren Bildschirm.</p>
</blockquote>
<p>I’ve fixed it:
</p>
<p><a href="/images/ef447723-9155-401d-a835-05b74dcd1fb2.jpeg" rel="noopener noreferrer"><img src="/images/ef447723-9155-401d-a835-05b74dcd1fb2.jpeg?size=medium" alt="MacBook hochkant gestellt" loading="lazy"></a></p>
<p>Ich brauche definitiv eine externe Tastatur.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726393#m1726393beatovichhttps://beat-stoecklin.ch/pub/musik-gitarrenunterricht-laufental.html2018-07-11T10:17:07Z2018-07-11T10:17:07ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>hallo</p>
<blockquote>
<p>Ich brauche definitiv eine externe Tastatur.</p>
</blockquote>
<p>Die ist eigentlich für jeden Horizontalsurfer Pflicht.</p>
<div class="signature">-- <br>
Neu im Forum!
Signaturen kann man ausblenden!
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726395#m1726395Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2018-07-11T11:39:50Z2018-07-11T11:39:50ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>@@beatovich</p>
<blockquote>
<blockquote>
<p>Ich brauche definitiv eine externe Tastatur.</p>
</blockquote>
<p>Die ist eigentlich für jeden Horizontalsurfer Pflicht.</p>
</blockquote>
<p>Is’ ja nicht wie bei arme Leute.</p>
<p><a href="/images/15cb1205-3bfe-4a05-9654-bcb94d493cc3.jpeg" rel="noopener noreferrer"><img src="/images/15cb1205-3bfe-4a05-9654-bcb94d493cc3.jpeg?size=medium" alt="MacBook hochkant, externe Tastatur und Touchpad" loading="lazy"></a></p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726400#m1726400Rolf B2018-07-11T13:20:53Z2018-07-11T13:20:53ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Matthias,</p>
<p>ich empfinde das Wiki als gut lesbar.</p>
<p>Aber ich verstehe die em-Skala nicht. "60em sind ok" - hieß es nicht so? Aber selbst bei Monospace sind 56em nicht 56 Zeichen.</p>
<pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>mono<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
....:....1....:....2....:....3....:....4....:....5....:....6....:....7<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span><span class="token punctuation">></span></span>
Der „große Sinn von CSS“ (...) das ganze.<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>Der „große Sinn von CSS“ (...) das ganze.<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span>
</code></pre>
<pre><code class="block language-css"><span class="token selector">p</span> <span class="token punctuation">{</span> <span class="token property">width</span><span class="token punctuation">:</span> 56em<span class="token punctuation">;</span> <span class="token punctuation">}</span>
<span class="token selector">p.mono</span> <span class="token punctuation">{</span> <span class="token property">font-family</span><span class="token punctuation">:</span> monospace<span class="token punctuation">;</span> <span class="token punctuation">}</span>
</code></pre>
<p><a href="/images/5730c87e-450e-46f3-a5cc-c47d735ee4ca.png" rel="noopener noreferrer"><img src="/images/5730c87e-450e-46f3-a5cc-c47d735ee4ca.png?size=medium" alt="" loading="lazy"></a></p>
<p><em>Rolf</em></p>
<div class="signature">-- <br>
sumpsi - posui - clusi
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726403#m1726403Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2018-07-11T13:39:40Z2018-07-11T13:39:40ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>@@Matthias Apsel</p>
<blockquote>
<blockquote>
<p><code>−1</code> dafür‽</p>
</blockquote>
<p>Ja. Für Missachtung und Herabwürdigung. Unabhängig davon, ob du es so gemeint hast, ist es bei mir so angekommen.</p>
</blockquote>
<p>Natürlich habe ich es so gemeint, dass die viel zu große Satzbreite im SELFHTML-Wiki ebenso wie bei Wikipedia den Text schlecht lesbar macht. Und ja, das ist eine Missachtung typografischer Regeln.</p>
<p>Wo du allerdings eine Herabwürdigung siehst …?</p>
<p>Man kann das Wiki besser machen wollen. Dazu müsste man aber Kritik annehmen. Und nicht persönlich nehmen.</p>
<blockquote>
<blockquote>
<p>Willst du mir jetzt weismachen, es wären nicht „8 Meter Satzbreite“ wie bei Wikipedia, sondern nur 7½?</p>
</blockquote>
<p>Nein, aber ich will dir weismachen, dass <code>60em ≪ ∞</code> ist.</p>
</blockquote>
<p>Um die Seite der Ungleichung geht es nicht. Sondern um 60em ≫ sinnvolle Satzbreite.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726402#m1726402Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2018-07-11T13:35:18Z2018-07-11T13:35:18ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>@@Rolf B</p>
<blockquote>
<p>Aber ich verstehe die em-Skala nicht. "60em sind ok" - hieß es nicht so?</p>
</blockquote>
<p>Nein. 60 Zeichen pro Zeile sind OK.</p>
<p><code>em</code> bezieht sich auf die Schriftgröße, also die Höhe, nicht die Breite von Zeichen.</p>
<p>Übern Daumen gepeilt sind so etwa <code>30em</code> 60 Zeichen. (Das hängt natürlich von der jeweiligen Schrift ab.)</p>
<blockquote>
<p>Aber selbst bei Monospace sind 56em nicht 56 Zeichen.</p>
</blockquote>
<p>Da sollten aber <code>56ch</code> 56 Zeichen sein.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726538#m1726538Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2018-07-14T09:44:28Z2018-07-14T09:44:28ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>@@Gunnar Bittersmann</p>
<blockquote>
<blockquote>
<p>Aber selbst bei Monospace sind 56em nicht 56 Zeichen.</p>
</blockquote>
<p>Da sollten aber <code>56ch</code> 56 Zeichen sein.</p>
</blockquote>
<p>Kam gerade übern <a href="https://twitter.com/vlh/status/1018035696219631616" rel="nofollow noopener noreferrer">Ticker</a>: Eric Meyer: <a href="https://meyerweb.com/eric/thoughts/2018/06/28/what-is-the-css-ch-unit/" rel="nofollow noopener noreferrer">What is the CSS ‘ch’ Unit?</a></p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2018/jul/6/wiki-artikel-kaskade-strich-spezifitaet-von-style-gleich/1726404#m1726404Christian Krusehttps://wwwtech.de/about2018-07-11T13:42:24Z2018-07-11T13:42:24ZWiki-Artikel „Kaskade“ / Spezifität von "style="<p>Hallo Gunnar,</p>
<p>ein Novum! Mark the day! </p>
<blockquote>
<p>Man kann das Wiki besser machen wollen. Dazu müsste man aber Kritik annehmen. Und nicht persönlich nehmen.</p>
</blockquote>
<p>In diesem Fall muss ich dir zustimmen. Ich fand deine Kritik hier auch nicht herabwürdigend.</p>
<p>LG,<br>
CK</p>
<div class="signature">-- <br>
<a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a>
</div>