tag:forum.selfhtml.org,2005:/selfWenn vorletztes <li class="current">, soll letztes <li> roten Text haben – SELFHTML-Forum2017-08-17T11:14:43Zhttps://forum.selfhtml.org/self/2017/aug/15/wenn-vorletztes-li-class-gleich-current-soll-letztes-li-roten-text-haben/1701762#m1701762Manfred K.2017-08-15T09:23:30Z2017-08-15T09:23:30ZWenn vorletztes <li class="current">, soll letztes <li> roten Text haben<p>Geht sowas idealerweise per CSS (LESS) oder nur per JavaScript/jQuery?</p>
https://forum.selfhtml.org/self/2017/aug/15/wenn-vorletztes-li-class-gleich-current-soll-letztes-li-roten-text-haben/1701764#m1701764at2017-08-15T09:29:55Z2017-08-15T10:39:39ZWenn vorletztes <li class="current">, soll letztes <li> roten Text haben<p>Hallo Manfred,</p>
<p>in CSS übersetzt sieht das etwa so aus: <code>li.current:nth-last-child(2) + li { color: red; }</code></p>
<p>MfG, at</p>
https://forum.selfhtml.org/self/2017/aug/15/wenn-vorletztes-li-class-gleich-current-soll-letztes-li-roten-text-haben/1701771#m1701771marctrixself@mhis.dehttp://mhis.de2017-08-15T09:45:58Z2017-08-15T09:47:48ZWenn vorletztes <li class="current">, soll letztes <li> roten Text haben<p>Hej at,</p>
<blockquote>
<p>in CSS übersetzt sieht das etwa so aus: <code>li.current:nth-last-child(2) + li { color: red; }</code></p>
</blockquote>
<p>Noch ein (bisschen) hübscher:</p>
<p><code>li**[aria-current]**:nth-last-child(2) + li {color red;}</code></p>
<p>Und vermutlich möchte man nicht das <code>li</code> selbst, sondern den darin enthaltenen Link gestalten. Dann wäre es so was:</p>
<p><code>li[aria-current]:nth-last-child(2) + li **a** {color red;}</code></p>
<p>@manfredk Erklärung gewünscht?</p>
<p>Marc</p>
https://forum.selfhtml.org/self/2017/aug/15/wenn-vorletztes-li-class-gleich-current-soll-letztes-li-roten-text-haben/1701856#m1701856Gunnar Bittersmannselfhtml@bittersmann.dehttp://bittersmann.de2017-08-17T06:03:35Z2017-08-17T06:03:35ZWenn vorletztes <li class="current">, soll letztes <li> roten Text haben<p>@@at</p>
<blockquote>
<p>in CSS übersetzt sieht das etwa so aus: <code>li.current:nth-last-child(2) + li { color: red; }</code></p>
</blockquote>
<p>Auf der sicheren Seite ist man mit <code class="language-css"><span class="token selector">li.current:nth-last-of-type(2) ~ li</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> red <span class="token punctuation">}</span></code></p>
<p>Zur Klasse "current" gilt das bereits Gesagte: wenn man stattdessen <code>aria-current</code> verwendet (damit assistive Technologien was davon haben), dann braucht man die Klasse nicht.</p>
<p>LLAP </p>
<div class="signature">-- <br>
“When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a>
</div>
https://forum.selfhtml.org/self/2017/aug/15/wenn-vorletztes-li-class-gleich-current-soll-letztes-li-roten-text-haben/1701773#m1701773Manfred K.2017-08-15T09:59:17Z2017-08-15T09:59:17ZWenn vorletztes <li class="current">, soll letztes <li> roten Text haben<p>Super, das + kann ich noch nicht in CSS. Danke Euch!</p>
https://forum.selfhtml.org/self/2017/aug/15/wenn-vorletztes-li-class-gleich-current-soll-letztes-li-roten-text-haben/1701812#m1701812at2017-08-15T21:04:15Z2017-08-15T21:04:15ZWenn vorletztes <li class="current">, soll letztes <li> roten Text haben<p>Hallo marctrix.</p>
<blockquote>
<p>Noch ein (bisschen) hübscher:</p>
<p><code>li**[aria-current]**:nth-last-child(2) + li {color red;}</code></p>
</blockquote>
<p>Beim hervorheben von Code-Passagen kommt Kramdown offenbar an seine Grenzen und erzeugt unerwünschten Weißraum. – Dass diese Schreibweise gar nicht funktioniert, ist ja ersichtlich, aber leider ergibt auch die umgekehrte Verschachtelung nicht das gewünschte Ergebnis. So führt <code>`li`**`[aria-current]`**`:nth-last-child(2) + li {color red;}`</code> leider zu diesem Ergebnis: <code>li</code><strong><code>[aria-current]</code></strong><code>:nth-last-child(2) + li {color red;}</code></p>
<blockquote>
<p>Und vermutlich möchte man nicht das <code>li</code> selbst, sondern den darin enthaltenen Link gestalten. Dann wäre es so was:</p>
<p><code>li[aria-current]:nth-last-child(2) + li **a** {color red;}</code></p>
<p>@manfredk Erklärung gewünscht?</p>
</blockquote>
<p>Nur vielleicht der Hinweis für die Allgemeinheit, dass dieser Selektor nicht zum angegebenen HTML passt, sondern zum folgenden:</p>
<pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span> <span class="token attr-name">role</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>aria-current<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>vorletzter Listenpunkt<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://example.org/<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>letzter Listenpunkt<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span>
</code></pre>
<p>MfG, at</p>
https://forum.selfhtml.org/self/2017/aug/15/wenn-vorletztes-li-class-gleich-current-soll-letztes-li-roten-text-haben/1701775#m1701775marctrixself@mhis.dehttp://mhis.de2017-08-15T10:53:22Z2017-08-15T10:53:22ZWenn vorletztes <li class="current">, soll letztes <li> roten Text haben<p>Hej Manfred,</p>
<blockquote>
<p>Super, das + kann ich noch nicht in CSS. Danke Euch!</p>
</blockquote>
<p>Keine Ursache, viel Spaß mit dem +</p>
<p>Marc</p>
https://forum.selfhtml.org/self/2017/aug/15/wenn-vorletztes-li-class-gleich-current-soll-letztes-li-roten-text-haben/1701813#m1701813marctrixself@mhis.dehttp://mhis.de2017-08-15T21:10:32Z2017-08-15T21:10:32ZWenn vorletztes <li class="current">, soll letztes <li> roten Text haben<p>Hej at,</p>
<blockquote>
<blockquote>
<p>Noch ein (bisschen) hübscher:</p>
<p><code>li**[aria-current]**:nth-last-child(2) + li {color red;}</code></p>
</blockquote>
<p>Beim hervorheben von Code-Passagen kommt Kramdown offenbar an seine Grenzen und erzeugt unerwünschten Weißraum.</p>
</blockquote>
<p>Danke für die Korrektur - war mir nicht aufgefallen irgendwie...</p>
<blockquote>
<p>Nur vielleicht der Hinweis für die Allgemeinheit, dass dieser Selektor nicht zum angegebenen HTML passt, sondern zum folgenden:</p>
<pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span> <span class="token attr-name">role</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>aria-current<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>vorletzter Listenpunkt<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://example.org/<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>letzter Listenpunkt<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span>
</code></pre>
</blockquote>
<p>Das hatte ich sagen wollen, aber vergsssen. Auch hierfür Danke, sonst hätte der Post überhaupt keinen Sinn ergeben!</p>
<p>Marc</p>
https://forum.selfhtml.org/self/2017/aug/15/wenn-vorletztes-li-class-gleich-current-soll-letztes-li-roten-text-haben/1701814#m1701814MudGuardhttp://www.andreas-waechter.de/2017-08-15T21:33:54Z2017-08-15T21:33:54ZWenn vorletztes <li class="current">, soll letztes <li> roten Text haben<p>Hi,</p>
<blockquote>
<blockquote>
<blockquote>
<p><code>li[aria-current]:nth-last-child(2) + li {color red;}</code></p>
</blockquote>
<p>Nur vielleicht der Hinweis für die Allgemeinheit, dass dieser Selektor nicht zum angegebenen HTML passt, sondern zum folgenden:</p>
<pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span> <span class="token attr-name">role</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>aria-current<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>vorletzter Listenpunkt<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://example.org/<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>letzter Listenpunkt<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span>
</code></pre>
</blockquote>
</blockquote>
<p>nein, dazu paßt er auch nicht - er würde zu <code><li aria-current="irgendwas"></code> passen.</p>
<p>Es müßte <code>li[role='aria-current']</code> usw. heißen.</p>
<p>cu,<br>
Andreas a/k/a MudGuard</p>
https://forum.selfhtml.org/self/2017/aug/15/wenn-vorletztes-li-class-gleich-current-soll-letztes-li-roten-text-haben/1701824#m1701824marctrixself@mhis.dehttp://mhis.de2017-08-16T05:36:58Z2017-08-16T05:38:10ZWenn vorletztes <li class="current">, soll letztes <li> roten Text haben<p>Hej MudGuard,</p>
<p>jetzt noch mal komplett in richtig</p>
<p>CSS</p>
<pre><code class="block language-css"><span class="token selector">li[aria-current]:nth-last-child(2) + li</span> <span class="token punctuation">{</span>color red<span class="token punctuation">;</span><span class="token punctuation">}</span>
</code></pre>
<p>HTML</p>
<pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ul</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>link-to-foo<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>foo<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>link-to-bar<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>bar<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>link-to-baz<span class="token punctuation">"</span></span> <span class="token attr-name">aria-current</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>page<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>baz<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>link-to-bla<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>bla<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>ul</span><span class="token punctuation">></span></span>
</code></pre>
<p>Mann, war das eine schwere Geburt…</p>
<p>Statt <code>[aria-current]</code> würde natürlich auch <code>[aria-current="page"]</code> funktionieren. Ich meine aber an dieser Stelle nicht weiter spezifizieren zu müssen; es handelt sich auch so schon um einen sehr spezifischen Selektor…</p>
<p>Danke @at und @MudGuard — ich kann falsche Beispiele nicht leiden, insbesondere, wenn sie von mir sind…</p>
<p>Marc</p>
https://forum.selfhtml.org/self/2017/aug/15/wenn-vorletztes-li-class-gleich-current-soll-letztes-li-roten-text-haben/1701834#m1701834Gunnar Bittersmannselfhtml@bittersmann.dehttp://bittersmann.de2017-08-16T08:02:40Z2017-08-16T08:05:05ZWenn vorletztes <li class="current">, soll letztes <li> roten Text haben<p>@@MudGuard</p>
<blockquote>
<p>Es müßte li[role='aria-current'] usw. heißen.</p>
</blockquote>
<p>… damit der Selektor wirkt zum unsinnigen Markup passt.</p>
<p>Nicht das CSS bedarf einer Korrektur, sondern das HTML.</p>
<p>LLAP </p>
<div class="signature">-- <br>
“When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a>
</div>
https://forum.selfhtml.org/self/2017/aug/15/wenn-vorletztes-li-class-gleich-current-soll-letztes-li-roten-text-haben/1701835#m1701835at2017-08-16T08:13:27Z2017-08-16T08:13:27ZWenn vorletztes <li class="current">, soll letztes <li> roten Text haben<p>Hallo MudGuard,</p>
<blockquote>
<p>nein, dazu paßt er auch nicht - er würde zu <code><li aria-current="irgendwas"></code> passen.</p>
<p>Es müßte <code>li[role='aria-current']</code> usw. heißen.</p>
</blockquote>
<p>Stimmt. Was schon daran liegt, dass <code>aria-current</code> kein Attributwert von <code>role</code> ist, sondern ein Attribut. Den Unterschied erkennt man sehr gut im <a href="https://www.w3.org/TR/wai-aria-1.1/#introstates" rel="nofollow noopener noreferrer">Beispiel 2</a>.</p>
<p>MfG, at</p>
https://forum.selfhtml.org/self/2017/aug/15/wenn-vorletztes-li-class-gleich-current-soll-letztes-li-roten-text-haben/1701826#m1701826Christian Krusehttps://wwwtech.de/about2017-08-16T05:45:55Z2017-08-16T05:46:18ZWenn vorletztes <li class="current">, soll letztes <li> roten Text haben<p>Hallo marctrix,</p>
<blockquote>
<p>jetzt noch mal komplett in richtig</p>
<p>CSS</p>
<pre><code class="block language-css"><span class="token selector">li[aria-current]:nth-last-child(2) + li</span> <span class="token punctuation">{</span>color red<span class="token punctuation">;</span><span class="token punctuation">}</span>
</code></pre>
</blockquote>
<p> </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/2017/aug/15/wenn-vorletztes-li-class-gleich-current-soll-letztes-li-roten-text-haben/1701827#m1701827marctrixself@mhis.dehttp://mhis.de2017-08-16T06:39:11Z2017-08-16T06:39:11ZWenn vorletztes <li class="current">, soll letztes <li> roten Text haben<p>Hej Christian,</p>
<blockquote>
<p>Hallo marctrix,</p>
<blockquote>
<p>jetzt noch mal komplett in richtig</p>
<p>CSS</p>
<pre><code class="block language-css"><span class="token selector">li[aria-current]:nth-last-child(2) + li</span> <span class="token punctuation">{</span><span class="token property">color</span><span class="token punctuation">:</span> red<span class="token punctuation">;</span><span class="token punctuation">}</span>
</code></pre>
</blockquote>
<p> </p>
</blockquote>
<p>Weiß gar nicht, was es da so dämlich zu grinsen gibt!!!einself!1!!1</p>
<p>Können wir einen Syntax-Checker bekommen in Version 5.0?</p>
<p>Marc</p>
https://forum.selfhtml.org/self/2017/aug/15/wenn-vorletztes-li-class-gleich-current-soll-letztes-li-roten-text-haben/1701828#m1701828Christian Krusehttps://wwwtech.de/about2017-08-16T06:42:48Z2017-08-16T06:42:48ZWenn vorletztes <li class="current">, soll letztes <li> roten Text haben<p>Hallo marctrix,</p>
<blockquote>
<p>Können wir einen Syntax-Checker bekommen in Version 5.0?</p>
</blockquote>
<p>Was meinst du, warum das <code>color red</code> rot hinterlegt war? der Hochlichter hat das als Fehler erkannt.</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/2017/aug/15/wenn-vorletztes-li-class-gleich-current-soll-letztes-li-roten-text-haben/1701829#m1701829Auge2017-08-16T06:43:12Z2017-08-16T06:43:12ZWenn vorletztes <li class="current">, soll letztes <li> roten Text haben<p>Hallo</p>
<blockquote>
<p>Können wir einen Syntax-Checker bekommen in Version 5.0?</p>
</blockquote>
<p>Ist die rote Markierung von <code>color red;</code> in der Vorschau (die gleiche, die nachher auch im Posting zu sehen ist) nicht Checking genug?</p>
<pre><code class="block language-css"><span class="token selector">bla</span> <span class="token punctuation">{</span>color red<span class="token punctuation">;</span><span class="token punctuation">}</span>
<span class="token selector">bla</span> <span class="token punctuation">{</span><span class="token property">color</span><span class="token punctuation">:</span> red<span class="token punctuation">;</span><span class="token punctuation">}</span>
</code></pre>
<p>Tschö, Auge</p>
<div class="signature">-- <br>
Wenn man ausreichende Vorsichtsmaßnahmen trifft, muss man keine Vorsichtsmaßnahmen mehr treffen.<br>
Toller Dampf voraus von Terry Pratchett
</div>
https://forum.selfhtml.org/self/2017/aug/15/wenn-vorletztes-li-class-gleich-current-soll-letztes-li-roten-text-haben/1701833#m1701833Gunnar Bittersmannselfhtml@bittersmann.dehttp://bittersmann.de2017-08-16T07:57:52Z2017-08-16T07:57:52ZWenn vorletztes <li class="current">, soll letztes <li> roten Text haben<p>@@Christian Kruse</p>
<blockquote>
<p>Was meinst du, warum das <code>color red</code> rot hinterlegt war? der Hochlichter hat das als Fehler erkannt.</p>
</blockquote>
<p>Wobei man sagen muss, dass nicht alles, was der Hochlichter rot hinterlegt, auch tatsächlich Fehler sind. Bei so vielen <em lang="en">false positives</em> ist’s kein Wunder, wenn Nutzer das ignorieren. </p>
<p>LLAP </p>
<div class="signature">-- <br>
“When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a>
</div>
https://forum.selfhtml.org/self/2017/aug/15/wenn-vorletztes-li-class-gleich-current-soll-letztes-li-roten-text-haben/1701830#m1701830marctrixself@mhis.dehttp://mhis.de2017-08-16T07:17:52Z2017-08-16T07:17:52ZWenn vorletztes <li class="current">, soll letztes <li> roten Text haben<p>Hej Auge,</p>
<blockquote>
<p>Hallo</p>
<blockquote>
<p>Können wir einen Syntax-Checker bekommen in Version 5.0?</p>
</blockquote>
<p>Ist die rote Markierung von <code>color red;</code> in der Vorschau (die gleiche, die nachher auch im Posting zu sehen ist) nicht Checking genug?</p>
</blockquote>
<p>Doch - ich hatte es nur nciht verstanden - <strong>diesen</strong> Teil des Codes hatte ich einfach übernommen und dass der Syntaxhighlighter property und value rot markierte, hatte ich für das üblihce Highlighting gehalten…</p>
<p>Ich gehe jetzt dann mal in die Ecke zum schämen…</p>
<p>Marc</p>
https://forum.selfhtml.org/self/2017/aug/15/wenn-vorletztes-li-class-gleich-current-soll-letztes-li-roten-text-haben/1701831#m1701831marctrixself@mhis.dehttp://mhis.de2017-08-16T07:19:09Z2017-08-16T07:19:09ZWenn vorletztes <li class="current">, soll letztes <li> roten Text haben<p>Hej marctrix,</p>
<blockquote>
<p>Doch - ich hatte es nur nciht verstanden - <strong>diesen</strong> Teil des Codes hatte ich einfach übernommen und dass der Syntaxhighlighter property und value rot markierte, hatte ich für das üblihce Highlighting gehalten…</p>
</blockquote>
<p>Und Orthografie halten manche Seelen in meiner Brust für generell überbewertet, wie man unschwer erkennt…</p>
<p>Marc</p>
https://forum.selfhtml.org/self/2017/aug/15/wenn-vorletztes-li-class-gleich-current-soll-letztes-li-roten-text-haben/1701838#m1701838Tabellenkalk2017-08-16T08:59:45Z2017-08-16T08:59:45ZWenn vorletztes <li class="current">, soll letztes <li> roten Text haben<p>Hallo,</p>
<blockquote>
<p>manche Seelen in meiner Brust</p>
</blockquote>
<p>Vieelicht sind auch bloß manche Finger schneller als andere…</p>
<p>Gruß<br>
Kalk</p>
https://forum.selfhtml.org/self/2017/aug/15/wenn-vorletztes-li-class-gleich-current-soll-letztes-li-roten-text-haben/1701857#m1701857at2017-08-17T06:26:09Z2017-08-17T06:26:09ZWenn vorletztes <li class="current">, soll letztes <li> roten Text haben<p>Hallo Gunnar.</p>
<blockquote>
<blockquote>
<p>in CSS übersetzt sieht das etwa so aus: <code>li.current:nth-last-child(2) + li { color: red; }</code></p>
</blockquote>
<p>Auf der sicheren Seite ist man mit <code class="language-css"><span class="token selector">li.current:nth-last-of-type(2) ~ li</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> red <span class="token punctuation">}</span></code></p>
</blockquote>
<p>Sicherer im Sinne von wenn das HTML nicht valide ist?</p>
<p>MfG, at</p>
https://forum.selfhtml.org/self/2017/aug/15/wenn-vorletztes-li-class-gleich-current-soll-letztes-li-roten-text-haben/1701865#m1701865Gunnar Bittersmannselfhtml@bittersmann.dehttp://bittersmann.de2017-08-17T07:44:15Z2017-08-17T07:44:15ZWenn vorletztes <li class="current">, soll letztes <li> roten Text haben<p>@@at</p>
<blockquote>
<blockquote>
<blockquote>
<p>in CSS übersetzt sieht das etwa so aus: <code>li.current:nth-last-child(2) + li { color: red; }</code></p>
</blockquote>
<p>Auf der sicheren Seite ist man mit <code class="language-css"><span class="token selector">li.current:nth-last-of-type(2) ~ li</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> red <span class="token punctuation">}</span></code></p>
</blockquote>
<p>Sicherer im Sinne von wenn das HTML nicht valide ist?</p>
</blockquote>
<p>Sicherer im Sinne von: wenn zwischen dem vorletzten und dem letzten <code>li</code> andere valide Elemente sind.</p>
<p>LLAP </p>
<div class="signature">-- <br>
“When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a>
</div>
https://forum.selfhtml.org/self/2017/aug/15/wenn-vorletztes-li-class-gleich-current-soll-letztes-li-roten-text-haben/1701866#m1701866marctrixself@mhis.dehttp://mhis.de2017-08-17T08:05:41Z2017-08-17T08:05:41ZWenn vorletztes <li class="current">, soll letztes <li> roten Text haben<p>Hej Gunnar,</p>
<blockquote>
<p>@@at</p>
</blockquote>
<blockquote>
<p>Sicherer im Sinne von: wenn zwischen dem vorletzten und dem letzten <code>li</code> andere valide Elemente sind.</p>
</blockquote>
<p>Welche könnten das sein in einer Liste?</p>
<p>Es wäre wohl im Gegenteil besser, solche Fehler sichtbar zu machen (ggfs. nur in einem Debug-Stylesheet), um das vermutlich anders als gewünscht gebaute HTML erkennbar zu machen.</p>
<p>Marc</p>
https://forum.selfhtml.org/self/2017/aug/15/wenn-vorletztes-li-class-gleich-current-soll-letztes-li-roten-text-haben/1701868#m1701868Gunnar Bittersmannselfhtml@bittersmann.dehttp://bittersmann.de2017-08-17T09:55:01Z2017-08-17T10:02:05ZWenn vorletztes <li class="current">, soll letztes <li> roten Text haben<p>@@marctrix</p>
<blockquote>
<blockquote>
<p>Sicherer im Sinne von: wenn zwischen dem vorletzten und dem letzten <code>li</code> andere valide Elemente sind.</p>
</blockquote>
<p>Welche könnten das sein in einer Liste?</p>
</blockquote>
<p>Wenn ich am Laptop wäre, würde ich dir die Spec verlinken. <a href="https://twitter.com/g16n/status/898119351609556992" rel="nofollow noopener noreferrer">Bin ich aber nicht.</a> Du wirst es finden.</p>
<p>Hatten wir auch <a href="https://forum.selfhtml.org/self/2017/jul/19/asynchrones-javascript/1699792#m1699792" rel="noopener noreferrer">letztens</a> erst.</p>
<blockquote>
<p>Es wäre wohl im Gegenteil besser, solche Fehler sichtbar zu machen (ggfs. nur in einem Debug-Stylesheet), um das vermutlich anders als gewünscht gebaute HTML erkennbar zu machen.</p>
</blockquote>
<p>Ich muss mein <a href="https://speakerdeck.com/gunnarbittersmann/test-driven-html-development?slide=9" rel="nofollow noopener noreferrer">Test-Stylesheet</a> mal anpassen.</p>
<p>LLAP </p>
<div class="signature">-- <br>
“When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a>
</div>
https://forum.selfhtml.org/self/2017/aug/15/wenn-vorletztes-li-class-gleich-current-soll-letztes-li-roten-text-haben/1701870#m1701870marctrixself@mhis.dehttp://mhis.de2017-08-17T11:14:43Z2017-08-17T11:14:43ZWenn vorletztes <li class="current">, soll letztes <li> roten Text haben<p>Hej Gunnar,</p>
<blockquote>
<p>@@marctrix</p>
<blockquote>
<blockquote>
<p>Sicherer im Sinne von: wenn zwischen dem vorletzten und dem letzten <code>li</code> andere valide Elemente sind.</p>
</blockquote>
<p>Welche könnten das sein in einer Liste?</p>
</blockquote>
<p>Wenn ich am Laptop wäre, würde ich dir die Spec verlinken. <a href="https://twitter.com/g16n/status/898119351609556992" rel="nofollow noopener noreferrer">Bin ich aber nicht.</a> Du wirst es finden.</p>
</blockquote>
<p>Du meinst, dass jemand zwischen die einzelnen Listeneinträge Template oder Script einstreuen könnte?</p>
<p>Das wäre meiner Ansicht nach auf jeden Fall Absicht, und wenn man weiß was man tut, muss man sich auch nicht „für alle Fälle“ absichern. Andererseits bemühe ich mich auch, mein CSS so zu schreiben, dass es unerwartete Dinge abfängt.</p>
<p>Vielleicht eine Überlegung wert - auch wenn es mir weit hergeholt erscheint, es schadet ja nicht, das so zu schreiben.</p>
<p>Marc</p>