css: Rahmen innerhalb Tabelle – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self css: Rahmen innerhalb Tabelle Sun, 15 Apr 18 10:38:14 Z https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719531#m1719531 https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719531#m1719531 <p>Hallo,</p> <p>ich würde gerne einen oder mehrere Tabellenzellen "umrahmen", weiß aber nicht genau, ob oder wie man das anstellen kann.</p> <p>Bsp: Wenn ich in <a href="https://jsfiddle.net/ca21/L6r1bk8g/" rel="noopener noreferrer">Zeile 3 den 02.1.2018</a> andersfarbig oder fett umrahmen will, wie würde man das machen</p> <p>Pit</p> css: Rahmen innerhalb Tabelle Sun, 15 Apr 18 10:59:27 Z https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719532#m1719532 https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719532#m1719532 <p>@@Pit</p> <blockquote> <p>ich würde gerne einen oder mehrere Tabellenzellen "umrahmen", weiß aber nicht genau, ob oder wie man das anstellen kann.</p> </blockquote> <p>Du selektierst die entsprechende(n) Zelle(n) anhand ihrer Merkmale, bspw. ID, und weist die gewünschten Stile zu.</p> <blockquote> <p>Bsp: Wenn ich in <a href="https://jsfiddle.net/ca21/L6r1bk8g/" rel="noopener noreferrer">Zeile 3 den 02.1.2018</a> andersfarbig oder fett umrahmen will, wie würde man das machen</p> </blockquote> <p>Also das Element mit der ID <code>5_02_01_2018</code>.</p> <p>Aber Achtung: <code class="language-css bad">#5_02_01_2018</code> funktioniert nicht. Bezeichner dürfen in CSS nicht mit einer Ziffer beginnen. Die <code>5</code> muss <a href="https://www.w3.org/International/questions/qa-escapes.de" rel="nofollow noopener noreferrer">escapet</a> werden. 5 hat in Unicode den Codepoint U+0035, also <code class="language-css">\35 </code>. <em>(Beachten Sie die Lücke!)</em></p> <pre><code class="block language-css"><span class="token selector">#\35 _02_01_2018</span> <span class="token punctuation">{</span> <span class="token property">border</span><span class="token punctuation">:</span> thick solid rebeccapurple <span class="token punctuation">}</span> </code></pre> <p>Um das Escapen zu umgehen, kann man auch den Attributselektor <code class="language-css">[id=<span class="token string">'5_02_01_2018'</span>] </code> verwenden. Du hast aber schon eine Regel mit spezifischerem Selektor. Also entweder <code>!important</code> oder den Selektor spezifischer machen.</p> <p>LLAP </p> <p>PS: Kaputte Syntax-Highlighter sind kaputt.</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> css: Rahmen innerhalb Tabelle Sun, 15 Apr 18 11:04:00 Z https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719533#m1719533 https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719533#m1719533 <p>@@Gunnar Bittersmann</p> <blockquote> <p>muss <a href="https://www.w3.org/International/questions/qa-escapes.de" rel="nofollow noopener noreferrer">escapet</a> werden</p> </blockquote> <p>Könnte sich der verdammte Übersetzer mal um den verdammten gelben Kasten kümmern? Danke.</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> css: Rahmen innerhalb Tabelle Sun, 15 Apr 18 11:07:30 Z https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719534#m1719534 https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719534#m1719534 <p>Hallo Gunnar,</p> <blockquote> <p>Du selektierst die entsprechende(n) Zelle(n) anhand ihrer Merkmale, bspw. ID, und weist die gewünschten Stile zu.</p> </blockquote> <p>…</p> <blockquote> <p>Aber Achtung: <code class="language-css bad">#5_02_01_2018</code> funktioniert nicht. Bezeichner dürfen in CSS nicht mit einer Ziffer beginnen. Die <code>5</code> muss <a href="https://www.w3.org/International/questions/qa-escapes.de" rel="nofollow noopener noreferrer">escapet</a> werden. 5 hat in Unicode den Codepoint U+0035, also <code class="language-css">\35 </code>. <em>(Beachten Sie die Lücke!)</em></p> <pre><code class="block language-css"><span class="token selector">#\35 _02_01_2018</span> <span class="token punctuation">{</span> <span class="token property">border</span><span class="token punctuation">:</span> thick solid rebeccapurple <span class="token punctuation">}</span> </code></pre> </blockquote> <p>Wow, klasse. Genau das habe ich gesucht und gebraucht. Vielen Dank und schönen Sonntag,</p> <p>Pit</p> css: Rahmen innerhalb Tabelle Sun, 15 Apr 18 11:50:14 Z https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719540#m1719540 https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719540#m1719540 <p>@@Gunnar Bittersmann</p> <blockquote> <p><em>(Beachten Sie die Lücke!)</em></p> <pre><code class="block language-css"><span class="token selector">#\35 _02_01_2018</span> <span class="token punctuation">{</span> <span class="token property">border</span><span class="token punctuation">:</span> thick solid rebeccapurple <span class="token punctuation">}</span> </code></pre> </blockquote> <p>Wohlgemerkt: Das Leerzeichen im Selektor ist kein Nachfahrenkombinator, sondern das Ende des Escapes.</p> <p>Das macht sowas wie <code class="language-css">foo #\35 bar baz</code> besonders gut lesbar. Nicht.</p> <p>Leerzeichen als Ende von Escapes in CSS zu verwenden war wohl so’ne mittelgute Idee.</p> <p>Ohne Leerzeichen geht’s, wenn der Codepoint sechstellig angegeben wird:<br> <code class="language-css">foo #\000035bar baz</code>. Im konkreten Fall:</p> <pre><code class="block language-css"><span class="token selector">#\000035_02_01_2018</span> <span class="token punctuation">{</span> <span class="token property">border</span><span class="token punctuation">:</span> thick solid rebeccapurple <span class="token punctuation">}</span> </code></pre> <p>LLAP </p> <p>PS: Bei der ID <code>5_02_01_2018</code> ginge es auch ohne Leerzeichen <code class="language-css">#\35_02_01_2018</code>. Käme aber nach der 5 in der ID eine weitere (Hexadezimal-)Ziffer – also 0–9, a–f oder A–F –, dann ginge es nicht ohne (außer wenn der Codepoint sechstellig angegeben wird).</p> <p>PPS: Deshalb meine Empfehlung in der <a href="https://www.w3.org/International/questions/qa-escapes.de#cssescapes" rel="nofollow noopener noreferrer">Anmerkung des Übersetzers</a>.</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> css: Rahmen innerhalb Tabelle Sun, 15 Apr 18 12:18:11 Z https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719541#m1719541 https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719541#m1719541 <p>Hallo Gunnar,</p> <blockquote> <p>Käme aber nach der 5 in der ID eine weitere (Hexadezimal-)Ziffer – also 0–9, a–f oder A–F –, dann ginge es nicht ohne (außer wenn der Codepoint sechstellig angegeben wird).</p> </blockquote> <p>Das kann passieren. Prinzipiell sind Zahlen von 1-n möglich.</p> <p>Weitere Frage: Gibt es (vorzugsweise in php, ansonsten in JS) eine Funktion, die mir eine beliebige Zahl in Unicode konvertiert?</p> <p>Anmerkung: Ich werde nie wieder eine ID mit einer Ziffer beginnen, es wäre viel einfacher, wenn ich einen x-beliebigen Buchstaben vorangestellt hätte, ich wills nur jetzt nicht zwingend ändern…</p> <p>Pit</p> css: Rahmen innerhalb Tabelle Tue, 17 Apr 18 08:41:47 Z https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719749#m1719749 https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719749#m1719749 <p>@@Gunnar Bittersmann</p> <blockquote> <blockquote> <p><em>(Beachten Sie die Lücke!)</em> Wohlgemerkt: Das Leerzeichen im Selektor ist kein Nachfahrenkombinator, sondern das Ende des Escapes.</p> </blockquote> <p>Leerzeichen als Ende von Escapes in CSS zu verwenden war wohl so’ne mittelgute Idee.</p> </blockquote> <p>Um lesbaren Code zu haben, kommentieren:</p> <pre><code class="block language-css"><span class="token comment">/* foo .0815 bar */</span> <span class="token selector">foo .\30 815 bar</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> #0815<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token comment">/* baz #42 quz */</span> <span class="token selector">baz #\34 2 quz</span> <span class="token punctuation">{</span> <span class="token property">max-width</span><span class="token punctuation">:</span> 42em<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>Oder Attributselektoren verwenden:</p> <pre><code class="block language-css"><span class="token selector">foo [class~="0815"] bar</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> #0815<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>(was völlig äquivalent zu oben ist<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup>)</p> <pre><code class="block language-css"><span class="token selector">baz [id="42"] quz</span> <span class="token punctuation">{</span> <span class="token property">max-width</span><span class="token punctuation">:</span> 42em<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>(was nicht äquivalent ist, da geringere Spezifität des Selektors)</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> <hr class="footnotes-sep"> <section class="footnotes"> <ol class="footnotes-list"> <li id="fn1" class="footnote-item"><p>Zumindest aus Sicht von CSS. Browser könnten für Klassenselektoren Optimierungen haben, die sie performanter machen als Attributselektoren. Aber: <em lang="en">selector performance is not a thing</em>, und wenn doch, dann macht man grundsätzlich was falsch.) <a href="#fnref1" class="footnote-backref">↩︎</a></p> </li> </ol> </section> css: Rahmen innerhalb Tabelle Sun, 15 Apr 18 12:59:00 Z https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719543#m1719543 https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719543#m1719543 <p>@@Pit</p> <blockquote> <p>Weitere Frage: Gibt es (vorzugsweise in php, ansonsten in JS) eine Funktion, die mir eine beliebige Zahl in Unicode konvertiert?</p> </blockquote> <p>?? Die Zeichen 0 bis 9 haben die Codepoints U+0030 bis U+0039. In CSS also die Escapes <code>\30 </code> bis <code>\39 </code> (bzw. <code>\000030</code> bis <code>\000039</code>).</p> <p>Das verrät dir auch die Zeichentabelle deines Betriebssystems:</p> <p><a href="/images/2786b643-8ccb-4206-836f-34be06146b1d.png" rel="noopener noreferrer"><img src="/images/2786b643-8ccb-4206-836f-34be06146b1d.png?size=medium" alt="Zeichentabelle von macOS" loading="lazy"></a></p> <p>Und du willst keine „beliebigen <em>Zahlen</em> in Unicode konvertieren“, sondern den Codepoint des Zeichens für die erste <em>Ziffer</em> wissen.</p> <blockquote> <p>Anmerkung: Ich werde nie wieder eine ID mit einer Ziffer beginnen, es wäre viel einfacher, wenn ich einen x-beliebigen Buchstaben vorangestellt hätte, ich wills nur jetzt nicht zwingend ändern…</p> </blockquote> <p>Anmerkung: Wie ich schon sagte, muss beim Attributselektor nicht escapet werden. Das ist die ID kein Bezeichner, sonder einfach nur ein Wert.</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> css: Rahmen innerhalb Tabelle Sun, 15 Apr 18 13:09:03 Z https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719544#m1719544 https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719544#m1719544 <p>hallo</p> <p>Ein paar Anmerkungen</p> <p>Wenn man nicht zu einem bestimmten Element navigieren muss, gibt es keinen Grund id-Attribute anzuwenden.</p> <p>statt dessen bieten sich data-Attribute an.</p> <p>also</p> <ul> <li>data-date="2018-04-16"</li> <li>data-weekday="fr"</li> </ul> <p>Je nach Funktion wäre auch das zu überlegen</p> <ul> <li>class="date yesterday"</li> <li>class="date today"</li> <li>class="date tomorrow"</li> </ul> css: Rahmen innerhalb Tabelle Sun, 15 Apr 18 13:27:21 Z https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719546#m1719546 https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719546#m1719546 <p>Hallo Gunnar,</p> <blockquote> <p>?? Die Zeichen 0 bis 9 haben die Codepoints U+0030 bis U+0039. In CSS also die Escapes <code>\30 </code> bis <code>\39 </code> (bzw. <code>\000030</code> bis <code>\000039</code>).</p> </blockquote> <p>...</p> <blockquote> <p>Und du willst keine „beliebigen <em>Zahlen</em> in Unicode konvertieren“, sondern den Codepoint des Zeichens für die erste <em>Ziffer</em> wissen.</p> </blockquote> <p>Achja, stimmt. Muß ich sofort ausprbieren gehen, danke.</p> <p>Pit</p> css: Rahmen innerhalb Tabelle Sun, 15 Apr 18 13:54:24 Z https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719558#m1719558 https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719558#m1719558 <p>Hallo Gunnar,</p> <p>kann es sein, dass, wenn ich per jquery dem Element eine Klasse zuweisen will, ich nicht escapen muß?</p> <p>Sämtliche Escapeversuche sind misslungen, aber einfach ohne escapen funktionierts.</p> <pre><code class="block language-php"><span class="token keyword">echo</span> <span class="token punctuation">(</span><span class="token string double-quoted-string">"$('#"</span><span class="token operator">.</span><span class="token variable">$myCell</span><span class="token operator">.</span><span class="token string double-quoted-string">"').addClass('RahmenZelle');\r\n"</span><span class="token punctuation">)</span><span class="token punctuation">;</span> </code></pre> <p>Pit</p> css: Rahmen innerhalb Tabelle Sun, 15 Apr 18 13:54:14 Z https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719557#m1719557 https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719557#m1719557 <p>@@beatovich</p> <blockquote> <p>Wenn man nicht zu einem bestimmten Element navigieren muss, gibt es keinen Grund id-Attribute anzuwenden.</p> </blockquote> <p>Elemente, die dokumentweit einmalig sind, sind prädestiniert, eine ID zu tragen.</p> <p>Das hat nichts damit zu tun, ob mal zu diesen Elementen navigieren will. Oder ob die ID für andere Zwecke verwendet wird. Oder (gegenwärtig) auch gar nicht.</p> <blockquote> <p>statt dessen bieten sich data-Attribute an.</p> <ul> <li>data-date="2018-04-16"</li> </ul> </blockquote> <p>Welchen Unterschied macht das gegenüber <code>id="2018-04-16"</code>?</p> <blockquote> <ul> <li>data-weekday="fr"</li> </ul> </blockquote> <p>Dafür bietet sich auch eine Klasse an: <code>class="fr"</code>.</p> <blockquote> <ul> <li>class="date today"</li> </ul> </blockquote> <p>Dafür bietet sich <code>aria-current="date"</code> an.</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> css: Rahmen innerhalb Tabelle Sun, 15 Apr 18 14:21:41 Z https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719561#m1719561 https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719561#m1719561 <p>hallo</p> <blockquote> <p>@@beatovich</p> <blockquote> <p>Wenn man nicht zu einem bestimmten Element navigieren muss, gibt es keinen Grund id-Attribute anzuwenden.</p> </blockquote> <p>Elemente, die dokumentweit einmalig sind, sind prädestiniert, eine ID zu tragen.</p> </blockquote> <p>Prädestinert oder nicht, wenn es keinen Grund gibt eine id zu verwenden, dann soll man's auch nicht tun. CSS allein ist ein schlechter Grund.</p> <p>Und ja, natürlich brauchen manchmal einzigartige Elemente wie <main> ein id-Attribut.</p> <blockquote> <p>Das hat nichts damit zu tun, ob mal zu diesen Elementen navigieren will. Oder ob die ID für andere Zwecke verwendet wird. Oder (gegenwärtig) auch gar nicht.</p> </blockquote> <p>Sorry aber ich muss ganz schnell an die Tür, es klingelt.</p> <blockquote> <blockquote> <p>statt dessen bieten sich data-Attribute an.</p> <ul> <li>data-date="2018-04-16"</li> </ul> </blockquote> <p>Welchen Unterschied macht das gegenüber <code>id="2018-04-16"</code>?</p> </blockquote> <ul> <li>Kein Syntax-Schrott.</li> <li>Darf mehrfach vorkommen.</li> </ul> <blockquote> <blockquote> <ul> <li>data-weekday="fr"</li> </ul> </blockquote> <p>Dafür bietet sich auch eine Klasse an: <code>class="fr"</code>.</p> </blockquote> <p>von mir aus, obwohl du wahrscheinlich nicht weisst, wofür das <em>fr</em> im Code jetzt steht.</p> <blockquote> <blockquote> <ul> <li>class="date today"</li> </ul> </blockquote> <p>Dafür bietet sich <code>aria-current="date"</code> an.</p> </blockquote> <p>Danke, werd ich mir merken.</p> css: Rahmen innerhalb Tabelle Sun, 15 Apr 18 14:49:58 Z https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719564#m1719564 https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719564#m1719564 <p>@@beatovich</p> <blockquote> <p>Prädestinert oder nicht, wenn es keinen Grund gibt eine id zu verwenden, dann soll man's auch nicht tun. CSS allein ist ein schlechter Grund.</p> </blockquote> <p>Ein Grund könnte sein, dass IDs für automatisierte Tests nützlich sind.</p> <blockquote> <blockquote> <blockquote> <ul> <li>data-date="2018-04-16"</li> </ul> </blockquote> <p>Welchen Unterschied macht das gegenüber <code>id="2018-04-16"</code>?</p> </blockquote> <ul> <li>Kein Syntax-Schrott.</li> </ul> </blockquote> <p>Du meinst im CSS bei ID-Selektoren? Dafür kann HTML nichts.</p> <p>Aber nehmen wir ruhig <code>id="date-2018-04-16"</code>.</p> <p>Und <code>class="weekday-fr"</code>. Das löst auch das von dir angesprochene Problem:</p> <blockquote> <blockquote> <blockquote> <ul> <li>data-weekday="fr"</li> </ul> </blockquote> <p>Dafür bietet sich auch eine Klasse an: <code>class="fr"</code>.</p> </blockquote> <p>von mir aus, obwohl du wahrscheinlich nicht weisst, wofür das <em>fr</em> im Code jetzt steht.</p> </blockquote> <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> css: Rahmen innerhalb Tabelle Mon, 16 Apr 18 07:41:49 Z https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719587#m1719587 https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719587#m1719587 <p>Hej @@beatovich</p> <blockquote> <p>Sorry aber ich muss ganz schnell an die Tür, es klingelt.</p> </blockquote> <p>Danke für den Hinweis, habe mich schon über die lange Tipp-Pause gewundert. </p> <p>Marc</p> css: Rahmen innerhalb Tabelle Sun, 15 Apr 18 15:08:12 Z https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719566#m1719566 https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719566#m1719566 <p>hallo</p> <blockquote> <p>@@beatovich</p> <blockquote> <p>Prädestinert oder nicht, wenn es keinen Grund gibt eine id zu verwenden, dann soll man's auch nicht tun. CSS allein ist ein schlechter Grund.</p> </blockquote> <p>Ein Grund könnte sein, dass sich IDs für automatisierte Tests nützlich sind.</p> <blockquote> <blockquote> <blockquote> <ul> <li>data-date="2018-04-16"</li> </ul> </blockquote> <p>Welchen Unterschied macht das gegenüber <code>id="2018-04-16"</code>?</p> </blockquote> <ul> <li>Kein Syntax-Schrott.</li> </ul> </blockquote> <p>Du meinst im CSS bei ID-Selektoren? Dafür kann HTML nichts.</p> <p>Aber nehmen wir ruhig <code>id="date-2018-04-16"</code>.</p> </blockquote> <p>Und warum nicht <code>#calendar_1 .date-2018-04-16</code></p> <p>Bereits die Annahme, dass im gleichen Dokument ein Datumsfeld einmalig ist, könnte sich sehr schnell als falsch erweisen.</p> <p>Will man dieses Feld ( nicht nur mit el.focus() ) navigieren können, dann natürlich: <code>id="calendar_1_2018-04-16"</code></p> <p>und im CSS eventuell eher <code>[id$="2018-04-16"]</code></p> <p>Frage hier auch, warum soll ich eigentlich immer die höchste Präferenz des id-Selectors anzapfen?</p> css: Rahmen innerhalb Tabelle Mon, 16 Apr 18 06:00:59 Z https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719580#m1719580 https://forum.selfhtml.org/self/2018/apr/15/css-rahmen-innerhalb-tabelle/1719580#m1719580 <p>@@beatovich</p> <blockquote> <p>Und warum nicht <code>#calendar_1 .date-2018-04-16</code></p> <p>Bereits die Annahme, dass im gleichen Dokument ein Datumsfeld einmalig ist, könnte sich sehr schnell als falsch erweisen.</p> </blockquote> <p>Ja.</p> <blockquote> <p>und im CSS eventuell eher <code>[id$="2018-04-16"]</code></p> <p>Frage hier auch, warum soll ich eigentlich immer die höchste Präferenz des id-Selectors anzapfen?</p> </blockquote> <p>Tust du doch gar nicht. Das ist ein Attributselektor. Dieselbe Spezifität wie ein Klassenselektor.</p> <p>Davon abgesehen: wenn man gezielt ein bestimmtes Element stylen will, spricht nichts gegen einen Selektor höherer 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>