Zwei Border

[TS]

Hello,

<article vocab="http://schema.org/" typeof="Article">
  <ul property="keywords">
    <li>foo</li>
    <li>bar</li>
  </ul>
  <div property="text">
    ⋮
  </div>
</article>

Mir ist jetzt aber immer noch nicht klar, wie man dann auf die Property-Texte (Keywords) mittels CSS zugreifen kann, um die Styles festzulegen.

Na mit einem Selektor, der sich den Elementinhalt ansieht … Äh – gibt’s nicht.

Dann brächte man sowas wie <li class="foo">foo</li> oder <li data-tag="foo">foo</li>

Bei <meta property="keywords" content="foo, bar"/> sollte es aber auch mit
[property="keywords"][content*="foo"] gehen.

Besser wäre die Tag-Liste ohne Kommas, dann ginge
[property="keywords"][content~="foo"].

Das würde im Aufbau von CMS aber zu einer zweigleisigen Sprachabhängigkeit führen. Da wäre es sicherlich geschickter, den Attributbezeichner und seinen Attributwert in "Neutralsprache" im Starttag des Elementes zu halten, damit bei Umschaltung der Sprache nur der Text-Content des Elementes gewechselt werden muss und nicht auch das CSS verändert werden muss.

Liebe Grüße
Tom S.