Wert in Attributselektor ohne "..."?

[Gunnar Bittersmann]

@@Webjoggel

Die Beispiele hier https://wiki.selfhtml.org/wiki/CSS/Selektoren/Attributselektor/Wert sind etwas verwirrend. Bei mir jedenfalls hat es erst gefunzt, als ich den Wert in "..." gesetzt habe:

a[href="https://example.com"] {
 	display: none;
}

Mit Anführungszeichen^[1] ist es ein string-token, ohne ein ident-token; siehe Token Railroad Diagrams.

In ident-token sind nicht alle Zeichen erlaubt.

geht:      font-family: 'Calibri', sans-serif    (sans-serif darf als Keyword nicht in Anführungszeichen stehen.)

geht auch: font-family: Calibri, sans-serif

geht auch: font-family: Fira Sans, Calibri, sans-serif    (trotz Leerzeichens in Fira Sans)

---

Selectors Level 3, Attribute selectors: “Attribute values must be CSS identifiers or strings.”

identifier: “In CSS, identifiers (including element names, classes, and IDs in selectors) can contain only the characters [a-zA-Z0-9] and ISO 10646 characters U+00A0 and higher, plus the hyphen (-) and the underscore (_); they cannot start with a digit, two hyphens, or a hyphen followed by a digit…”

geht:       a[href="https://example.com"]

geht nicht: a[href=https://example.com]

LLAP 🖖

---

1. Ich verwende den Begriff hier mal, obwohl es keine richtigen Anführungszeichen sind. ↩︎