Unterselector von li – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self Unterselector von li Sat, 19 Sep 15 11:04:16 Z https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650233#m1650233 https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650233#m1650233 <p>Guten Tag,</p> <p>ich möchte in einer Linkliste einige Liks "ausgrauen". Die Links stehen in einer Liste, wie gehe ich da vor? Wie heißt der Selector bzw. das dazugehörige css?</p> <pre><code class="block"><div id='menue'> <div class='head'>Mein Menue</div> <ul> <li>normaler Link</li> <li>noch ein normaler Link</li> --> und hier soll ein ausgegrautrer Link stehen </ul> </div> </code></pre> <pre><code class="block language-css"><span class="token selector">#menue ul</span> <span class="token punctuation">{</span> ... <span class="token punctuation">}</span> <span class="token selector">#menue li</span> <span class="token punctuation">{</span> ... <span class="token punctuation">}</span> <span class="token selector">#menue li a,#menue li a:link</span> <span class="token punctuation">{</span> ... <span class="token punctuation">}</span> <span class="token selector">#menue li a:visited</span> <span class="token punctuation">{</span> ... <span class="token punctuation">}</span> <span class="token selector">#menue li a:hover,#menue li a:active,#menue li a:focus</span> <span class="token punctuation">{</span> ... <span class="token punctuation">}</span> </code></pre> <p>Konni</p> Unterselector von li Sat, 19 Sep 15 11:13:08 Z https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650234#m1650234 https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650234#m1650234 <p>Hallo,</p> <blockquote> <p>ich möchte in einer Linkliste einige Liks "ausgrauen". Die Links stehen in einer Liste, wie gehe ich da vor? Wie heißt der Selector bzw. das dazugehörige css?</p> </blockquote> <p>Soll nur die Farbe geändert werden eines vorhandenen, verlinkten Textes oder ist dann gar kein Link da? Oder -nach deinem Beispiel- handelt es sich stets um die 3ten Link?</p> <p>Wenn der Link wirklich ein Link ist, setze doch eine Klasse auf das Listelement und definieren diese dann im CSS.</p> <pre><code class="block language-css"> <span class="token selector">#menu li.grau a</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> #ccc<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>Ggf. noch ergänzen: li.grau a:active, li.grau a:hover,li.grau a:focus</p> <p>Wenn der Link aber garnicht gesetzt wird, also auch kein <a> drumherum ist, dann könnte man sich das sparen und einfach die Farbe des Listelements auf Grau setzen.</p> <pre><code class="block language-css"><span class="token selector">#menu li</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> #<span class="token property">ccc</span><span class="token punctuation">:</span> <span class="token punctuation">}</span> <span class="token selector">#menu li a</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> blue<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>Ciao, Wolfgang</p> Unterselector von li Sat, 19 Sep 15 11:18:22 Z https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650236#m1650236 https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650236#m1650236 <p>@@Konni</p> <blockquote> <p>ich möchte in einer Linkliste einige Liks "ausgrauen".</p> </blockquote> <p>Warum?</p> <p>Die Beantwortung dieser Frage ist essentiell dafür, wie das Markup (HTML) auszusehen hat.</p> <blockquote> <p>Wie heißt der Selector</p> </blockquote> <p>Das hängt vom Markup ab.</p> <blockquote> <p>bzw. das dazugehörige css?</p> </blockquote> <p>Das hängt davon ab, was genau du unter „ausgrauen“ verstehst.</p> <blockquote> <p><div id='menue'> <div class='head'>Mein Menue</div></p> </blockquote> <p>Nein, keine <code>div</code>-Suppe bitte.</p> <p>Der äußere Container umfasst das Navigationsmenü, soll also ein <code>nav</code>-Element sein.</p> <p>Das andere ist eine Überschrift, also ein <code>h#</code>-Element. (Wobei <code>#</code> je nach deiner Überschriftenhierarchie für eine Zahl von 2 bis 6 steht. Also bspw.:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>nav</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>menue<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h2</span><span class="token punctuation">></span></span>Mein Menü<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h2</span><span class="token punctuation">></span></span> ⋮ <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>nav</span><span class="token punctuation">></span></span> </code></pre> <p>„Menü“ natuerlich mit ü.</p> <blockquote> <p><li>normaler Link</li></p> </blockquote> <p>Für einen Link fehlt da aber noch ein <code>a</code>-Element.</p> <p>LLAP </p> <div class="signature">-- <br> Ist diese Antwort <em>anstößig</em>? Dann könnte sie <a href="http://forum.selfhtml.org/self/2015/jun/21/select-felder/1643860#m1643860" rel="noopener noreferrer"><em>nützlich</em></a> sein. </div> Unterselector von li Sat, 19 Sep 15 11:19:42 Z https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650237#m1650237 https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650237#m1650237 <p>@@xwolf</p> <blockquote> <p>Wenn der Link wirklich ein Link ist, setze doch eine Klasse auf das Listelement</p> </blockquote> <p>Aber nicht "grau"! Das ist Unsinn.</p> <p>LLAP </p> <div class="signature">-- <br> Ist diese Antwort <em>anstößig</em>? Dann könnte sie <a href="http://forum.selfhtml.org/self/2015/jun/21/select-felder/1643860#m1643860" rel="noopener noreferrer"><em>nützlich</em></a> sein. </div> Unterselector von li Sat, 19 Sep 15 11:38:05 Z https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650238#m1650238 https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650238#m1650238 <p>Hi Wolfgang,</p> <blockquote> <pre><code class="block language-css"> <span class="token selector">#menu li.grau a</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> #ccc<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>Ggf. noch ergänzen: li.grau a:active, li.grau a:hover,li.grau a:focus</p> <p>Wenn der Link aber garnicht gesetzt wird, also auch kein <a> drumherum ist, dann könnte man sich das sparen und einfach die Farbe des Listelements auf Grau setzen.</p> <pre><code class="block language-css"><span class="token selector">#menu li</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> #<span class="token property">ccc</span><span class="token punctuation">:</span> <span class="token punctuation">}</span> <span class="token selector">#menu li a</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> blue<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> </blockquote> <p>Danke Dir sehr. Beide Ansätze haben mir sehr geholfen, css etwas besser zu verstehen. Gunnar hat natürlich recht, wenn er sagt, ein ausgegrauter Link hat nichts im a-tag zu suchen. Trotzdem hilft mir Deine Antwort etwas mehr weiter, weil ich mithilfe Deiner Antwort jetzt sowohl den "dirty-code" zuende schreiben könnte als auch die sauberere Variante.</p> <p>Konni</p> Unterselector von li Sat, 19 Sep 15 16:14:07 Z https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650253#m1650253 https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650253#m1650253 <blockquote> <blockquote> <p>Wenn der Link wirklich ein Link ist, setze doch eine Klasse auf das Listelement</p> </blockquote> <p>Aber nicht "grau"! Das ist Unsinn.</p> </blockquote> <p>Das Setzen von Klassennamen sollte IMHO so sein, dass derjenige, die sie nutzt damit am Besten zurecht kommt. Dies scheint mir hier so der Fall zu sein.</p> Unterselector von li Sat, 19 Sep 15 12:25:34 Z https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650240#m1650240 https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650240#m1650240 <p>@@Konni</p> <blockquote> <p>Gunnar hat natürlich recht, wenn er sagt, ein ausgegrauter Link hat nichts im a-tag zu suchen.</p> </blockquote> <p>Sowas hab ich nicht gesagt. Ich habe die Frage gestellt, was ein „ausgegrauter Link“ sein soll.</p> <p>Ist es noch ein (funktionierender!) Link, der aus irgendeinem Grund anders dargestellt werden soll als andere Links? Dann sollte sich der <strong>Grund</strong> für die Andersartigkeit in der Bezeichnung der Klasse wiederfinden, <strong>nicht</strong> die Darstellung ("grau").</p> <p>Oder ist es gar kein Link, sondern ein Menüpunkt, der zwar erscheinen soll, aber nicht verlinkt ist? Auch dann ist ein <code>a</code>-Element durchaus noch angebracht, aber ohne <code>href</code>-Attribut. (Ob das Ding u.a. für Screenreader-Nutzer per Tab angesprungen werden soll (<code>tabindex="0"</code>) oder nicht, wäre eine weitere anzustellende Überlegung.) Dann kann man <code>a[href]</code> (künftig auch <code>a:any-link</code>) anders stylen als <code>a</code>. Oder auch die Pseudoklasse <code>:not()</code> verwenden à la <code>a:not([href])</code>.</p> <blockquote> <p>Trotzdem hilft mir Deine Antwort etwas mehr weiter, weil ich mithilfe Deiner Antwort jetzt sowohl den "dirty-code" zuende schreiben könnte als auch die sauberere Variante.</p> </blockquote> <p>Wie gesagt, <em>dirty</em> war bei xwolf nicht die Klasse an sich, sondern deren Benennung "grau".</p> <p>LLAP </p> <div class="signature">-- <br> Ist diese Antwort <em>anstößig</em>? Dann könnte sie <a href="http://forum.selfhtml.org/self/2015/jun/21/select-felder/1643860#m1643860" rel="noopener noreferrer"><em>nützlich</em></a> sein. </div> Unterselector von li Sat, 19 Sep 15 14:16:06 Z https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650244#m1650244 https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650244#m1650244 <p>Hi Gunnar,</p> <blockquote> <p>Sowas hab ich nicht gesagt. Ich habe die Frage gestellt, was ein „ausgegrauter Link“ sein soll.</p> <p>Ist es noch ein (funktionierender!) Link, der aus irgendeinem Grund anders dargestellt werden soll als andere Links? Dann sollte sich der <strong>Grund</strong> für die Andersartigkeit in der Bezeichnung der Klasse wiederfinden, <strong>nicht</strong> die Darstellung ("grau").</p> </blockquote> <p>Hm. Ich finde "grau" als Bezeichnung gar nicht so schlecht. Hast Du einen besseren Vorschlag? Achso, Grund für das "ausgrauen" ist, dass der Link (es ist ja ansich keiner, wenn er nicht angeklickt werden kann) als vorhanden angezeigt werden soll, aber es sich dahinter in diesem Fall kein Inhalt befindet. Daher braucht der Link nicht aktiv anklickbar sein, sondern soll "ausgegraut" werden. So weiß der User, dass er dort nicht klicken bracuht.</p> <blockquote> <p>Oder ist es gar kein Link, sondern ein Menüpunkt, der zwar erscheinen soll, aber nicht verlinkt ist? Auch dann ist ein <code>a</code>-Element durchaus noch angebracht, aber ohne <code>href</code>-Attribut. (Ob das Ding u.a. für Screenreader-Nutzer per Tab angesprungen werden soll (<code>tabindex="0"</code>) oder nicht, wäre eine weitere anzustellende Überlegung.) Dann kann man <code>a[href]</code> (künftig auch <code>a:any-link</code>) anders stylen als <code>a</code>. Oder auch die Pseudoklasse <code>:not()</code> verwenden à la <code>a:not([href])</code>.</p> </blockquote> <p>Ich habe m ich für den hreflosen a-tag entschieden.</p> <p>Konni</p> Unterselector von li Sat, 19 Sep 15 15:41:37 Z https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650248#m1650248 https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650248#m1650248 <p>@@Konni</p> <blockquote> <p>Hm. Ich finde "grau" als Bezeichnung gar nicht so schlecht.</p> </blockquote> <p>Findest du das auch noch, wenn die Nicht-Links nach einer Änderung des Farbschemas nicht mehr grau, sondern himmelblau dargestellt werden?</p> <p>Klassen nach der gegenwärtigen(!) Darstellung zu benennen ist immer™ schlecht.</p> <blockquote> <p>Hast Du einen besseren Vorschlag?</p> </blockquote> <p>"disabled", "kein-link", "no-link", …</p> <p>Aber brauchst du ja nicht, da du dich „für den hreflosen a-tag entschieden“ hast. <a href="http://meiert.com/de/publications/articles/20060924/" rel="nofollow noopener noreferrer">Element</a>.</p> <blockquote> <p>der Link (es ist ja ansich keiner, wenn er nicht angeklickt werden kann)</p> </blockquote> <p>Dann nenn es auch nicht „Link“.</p> <p>LLAP </p> <div class="signature">-- <br> Ist diese Antwort <em>anstößig</em>? Dann könnte sie <a href="http://forum.selfhtml.org/self/2015/jun/21/select-felder/1643860#m1643860" rel="noopener noreferrer"><em>nützlich</em></a> sein. </div> Unterselector von li Sat, 19 Sep 15 21:22:30 Z https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650300#m1650300 https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650300#m1650300 <p>Hi Gunnar,</p> <blockquote> <blockquote> <p>Hm. Ich finde "grau" als Bezeichnung gar nicht so schlecht.</p> </blockquote> <p>Findest du das auch noch, wenn die Nicht-Links nach einer Änderung des Farbschemas nicht mehr grau, sondern himmelblau dargestellt werden?</p> </blockquote> <p>Häh? Warum sollte ich das tun? Und wenn, dann würde ich das im Script machen und eine hellblau-Klasse anlegen.</p> <blockquote> <p>Klassen nach der gegenwärtigen(!) Darstellung zu benennen ist immer™ schlecht.</p> </blockquote> <p>Sehe ich anders.</p> <blockquote> <blockquote> <p>Hast Du einen besseren Vorschlag?</p> </blockquote> <p>"disabled", "kein-link", "no-link", …</p> </blockquote> <p>Finde ich eher ungeeignet. Ich müsste so immer beim scripten nachschauen, wie die Klasse nochmal ganz genau hieß. So hingegen nehme ich die Farbe, daran erinnere ich mich immer.</p> <blockquote> <p>Aber brauchst du ja nicht, da du dich „für den hreflosen a-tag entschieden“ hast. <a href="http://meiert.com/de/publications/articles/20060924/" rel="nofollow noopener noreferrer">Element</a>.</p> <blockquote> <p>der Link (es ist ja ansich keiner, wenn er nicht angeklickt werden kann)</p> </blockquote> <p>Dann nenn es auch nicht „Link“.</p> </blockquote> <p>Kann es sein, dass hier ziemlich viel "Korinten gekackt" werden?</p> <p>Konni</p> Unterselector von li Sat, 19 Sep 15 16:45:24 Z https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650262#m1650262 https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650262#m1650262 <p>@@xwolf</p> <blockquote> <p>Das Setzen von Klassennamen sollte IMHO so sein, dass derjenige, die sie nutzt damit am Besten zurecht kommt. Dies scheint mir hier so der Fall zu sein.</p> </blockquote> <p>Mit einer Klasse "grau" für himmelblaue Schrift kommt wohl niemand gut zurecht. Das scheint mir immer so zu sein.</p> <p>LLAP </p> <div class="signature">-- <br> Ist diese Antwort <em>anstößig</em>? Dann könnte sie <a href="http://forum.selfhtml.org/self/2015/jun/21/select-felder/1643860#m1643860" rel="noopener noreferrer"><em>nützlich</em></a> sein. </div> Unterselector von li Sat, 19 Sep 15 21:24:19 Z https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650301#m1650301 https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650301#m1650301 <blockquote> <blockquote> <blockquote> <p>Wenn der Link wirklich ein Link ist, setze doch eine Klasse auf das Listelement</p> </blockquote> <p>Aber nicht "grau"! Das ist Unsinn.</p> </blockquote> <p>Das Setzen von Klassennamen sollte IMHO so sein, dass derjenige, die sie nutzt damit am Besten zurecht kommt. Dies scheint mir hier so der Fall zu sein.</p> </blockquote> <p>100% agree. Und das sowohl im professionellen als auch im nicht professionellen Bereich. Manchmal nervt mich diese Erbsenzählerei hier schon etwas...</p> <p>Konni</p> Unterselector von li Sat, 19 Sep 15 16:51:42 Z https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650265#m1650265 https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650265#m1650265 <blockquote> <p>Mit einer Klasse "grau" für himmelblaue Schrift kommt wohl niemand gut zurecht. Das scheint mir immer so zu sein.</p> </blockquote> <p>Natürlich nicht. Aber wir reden ja hier nicht von einem bereits professionellen Umfeld, der einen generischen und nachhaltigen Einsatz zum Ziel hat, oder? ^^</p> <p>Eine Agentur oder ein Profi, der solche Klassennamen vergeben würde, müsste natürlich vor Scham in den Erdboden versinken. Aber welcher Profi arbeitet noch ohne CSS-Frameworks und ohne CSS-Precompiler?</p> Unterselector von li Sat, 19 Sep 15 18:35:31 Z https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650278#m1650278 https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650278#m1650278 <p>@@xwolf</p> <blockquote> <p>Natürlich nicht. Aber wir reden ja hier nicht von einem bereits professionellen Umfeld, der einen generischen und nachhaltigen Einsatz zum Ziel hat, oder? ^^</p> </blockquote> <p>Die Unterscheidung zwischen Profi und Nicht-Profi halte ich an der Stelle für irrelevant. Nicht nur das, sondern für <strong>schädlich</strong>.</p> <p>Etliche Nicht-Profis werden irgendwann zu Profis – mit dem Wissen, das sie als Nicht-Profis erlangt haben. Deshalb halte ich es für zwingend erforderlich, auch Nicht-Profis das bestmögliche Wissen mit auf den Weg zu geben.</p> <p>Wenn man sich heute so umschaut, was so alles als Profi arbeitet … Davon haben so einige wohl „Ratschläge“ bekommen, die ausschließlich für Nicht-Profis bestimmt waren.</p> <p>Funktioniert nicht. Die nächste Generation von Profis sollte besser ausgestattet sein.</p> <blockquote> <p>Aber welcher Profi arbeitet noch ohne CSS-Frameworks</p> </blockquote> <p>Ich. Ich kenne mich genügend mit CSS aus, dass ich kein CSS-Framework brauche. Ich kenne mich genügend mit Frameworks aus um zu wissen, wann sie dienlich und wann hinderlich sind.</p> <blockquote> <p>und ohne CSS-Precompiler?</p> </blockquote> <p>Die soll es auch noch geben.</p> <p>LLAP </p> <div class="signature">-- <br> Ist diese Antwort <em>anstößig</em>? Dann könnte sie <a href="http://forum.selfhtml.org/self/2015/jun/21/select-felder/1643860#m1643860" rel="noopener noreferrer"><em>nützlich</em></a> sein. </div> Unterselector von li Sat, 19 Sep 15 21:36:37 Z https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650303#m1650303 https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650303#m1650303 <p>@@Konni</p> <blockquote> <p>Kann es sein, dass hier ziemlich viel "Korinten gekackt" werden?</p> </blockquote> <p>Für die einen sind’s Korinthen, für die anderen die besten Rosinen der Welt.</p> <p>LLAP </p> <div class="signature">-- <br> Ist diese Antwort <em>anstößig</em>? Dann könnte sie <a href="http://forum.selfhtml.org/self/2015/jun/21/select-felder/1643860#m1643860" rel="noopener noreferrer"><em>nützlich</em></a> sein. </div> Unterselector von li Sun, 20 Sep 15 09:43:24 Z https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650331#m1650331 https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650331#m1650331 <p>Hallo Konni,</p> <blockquote> <blockquote> <blockquote> <p>Hm. Ich finde "grau" als Bezeichnung gar nicht so schlecht.</p> </blockquote> <p>Findest du das auch noch, wenn die Nicht-Links nach einer Änderung des Farbschemas nicht mehr grau, sondern himmelblau dargestellt werden?</p> </blockquote> <p>Häh? Warum sollte ich das tun? Und wenn, dann würde ich das im Script machen und eine hellblau-Klasse anlegen.</p> </blockquote> <p>Es gäbe <em>k</em> „Nicht-Links“</p> <ol> <li>Fall: Klassenbezeichner disabled o.ä</li> </ol> <ul> <li><strong>genau eine Änderung eines Farbwertes</strong> (<code>gray</code> → <code>skyblue</code>)</li> </ul> <ol start="2"> <li>Fall: Klassenbezeichner grau</li> </ol> <ul> <li><strong>k Änderungen von Klassenbezeichnern</strong> in <strong>n</strong> Dokumenten</li> <li><strong>zuzüglich eine Änderung im CSS</strong>, die aber umfangreicher als die Änderung eines Farbwertes</li> </ul> <blockquote> <blockquote> <p>Klassen nach der gegenwärtigen(!) Darstellung zu benennen ist immer™ schlecht.</p> </blockquote> <p>Sehe ich anders.</p> </blockquote> <p>Dann solltest du vielleicht deine Sichtweise etwas überdenken. Es sei dir unbenommen, die hier gegebenen Hinweise anzunehmen. Oft sind sie hilfreich.</p> <p>Zudem beschreibt das Markup den Inhalt, nicht seine Darstellung. Deshalb ist beispielsweise eine Klasse „Fehler“ immer aussagekräftiger als eine Klasse „rot_und_fett“. Dass es nicht immer einfach ist, solche Klassenbezeichner zu finden, weil man häufig bereits eine bestimmte Darstellung im Kopf hat, steht auf einem anderen Blatt.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Signaturen sind bloed (Steel) und Markdown ist mächtig. </div> Unterselector von li Sun, 20 Sep 15 07:39:51 Z https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650325#m1650325 https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650325#m1650325 <blockquote> <p>Für die einen sind’s Korinthen, für die anderen die besten Rosinen der Welt.</p> </blockquote> <p>Ziemlich entlarvende Aussage, findest Du nicht? ;)</p> <p>Aber genau <em>das</em> meinte ich auch, als ich es fragte. Korinthen werden zum Selbstzweck. Aber wenn sie schmecken, dann guten Appetit... ;)</p> <p>Konni</p> Unterselector von li Sun, 20 Sep 15 11:38:24 Z https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650338#m1650338 https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650338#m1650338 <p>Hi Matthias,</p> <blockquote> <p>Zudem beschreibt das Markup den Inhalt, nicht seine Darstellung.</p> </blockquote> <p>Das stimmt doch gar nicht! Erinnere Dich mal an die Anfänge des HTML, da war es üblich, sowohl darstellende als auch beschreibende Auszeichnungen im Markup zu benutzen.</p> <blockquote> <p>Deshalb ist beispielsweise eine Klasse „Fehler“ immer aussagekräftiger als eine Klasse „rot_und_fett“. Dass es nicht immer einfach ist, solche Klassenbezeichner zu finden, weil man häufig bereits eine bestimmte Darstellung im Kopf hat, steht auf einem anderen Blatt.</p> </blockquote> <p>Mag sein. Aber man kann auch beides nutzen. Sowohl "Fehler" für Fehler als auch "rot" für ein rotes Wort.</p> <p>Konni</p> Unterselector von li Sun, 20 Sep 15 12:04:37 Z https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650341#m1650341 https://forum.selfhtml.org/self/2015/sep/19/unterselector-von-li/1650341#m1650341 <p>@@Konni</p> <blockquote> <blockquote> <p>Zudem beschreibt das Markup den Inhalt, nicht seine Darstellung.</p> </blockquote> <p>Das stimmt doch gar nicht! Erinnere Dich mal an die Anfänge des HTML, da war es üblich, sowohl darstellende als auch beschreibende Auszeichnungen im Markup zu benutzen.</p> </blockquote> <p>Am <em>Anfang</em> von HTML waren es rein beschreibende Auszeichnungen.</p> <p>Erst später, als das Web von einer etwas breiteren Masse genutzt und Inhalte für diese erstellt wurden, kam der (durchaus verständliche!<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup>) Wunsch auf, die Inhalte auch visuell zu <em>gestalten</em>. Dann kamen die darstellungsbezogenen Elemente und Attribute ins HTML.</p> <p>Dann kam CSS. Dann gingen die darstellungsbezogenen Elemente und Attribute wieder – erst in die Transitional- und Frameset-Varianten, mit HTML5 sind sie ganz verschwunden.</p> <blockquote> <p>Aber man kann auch beides nutzen. Sowohl "Fehler" für Fehler als auch "rot" für ein rotes Wort.</p> </blockquote> <p>Dass man beides tun <em>kann</em>, heißt nicht, dass man beides tun <em>sollte</em>.</p> <p>LLAP </p> <div class="signature">-- <br> Ist diese Antwort <em>anstößig</em>? Dann könnte sie <a href="http://forum.selfhtml.org/self/2015/jun/21/select-felder/1643860#m1643860" rel="noopener noreferrer"><em>nützlich</em></a> sein. </div> <hr class="footnotes-sep"> <section class="footnotes"> <ol class="footnotes-list"> <li id="fn1" class="footnote-item"><p>auch wenn @Der Martin ihn immer noch nicht versteht ;-) <a href="#fnref1" class="footnote-backref">↩︎</a></p> </li> </ol> </section>