Gunnar Bittersmann: <a> per CSS mit bestimmten Eigenschaften versehen

Beitrag lesen

SELF-Forum

<a> per CSS mit bestimmten Eigenschaften versehen

Gunnar Bittersmann Homepage des Autors
– Informationen zu den Bewertungsregeln

@@Dugh Dugh

a.more
{
	target:_blank;
	title: "Öffnet einen neuen Tab";
}

Das erste S in CSS steht für Style. Wenn es darum ginge, Elementen beliebige Attribute hinzuzufügen, hieße es CAS.

ich möchte mir einfach das immer wiederkehrende Eintippen der Eigenschaften ersparen.

Vielleicht möchtest du den Nutzern das Öffnen der Links in neuern Tabs ersparen? Ob ein Nutzer einen Link im neuen Tabs öffnen möchte, kann sie selbst entscheiden und das ggfs. tun. Ansonsten: was Jakob Nielsen sagt: “Opening up new browser windows is like a vacuum cleaner sales person who starts a visit by emptying an ash tray on the customer's carpet. Don't pollute my screen with any more windows, thanks.”

Und sicher möchtest du den Nutzern nervige Tootips ersparen.

Gibt es hier vielleicht eine elegante z.B. JavaScript-Lösung?

Mit document.querySelectorAll('.more') erhältst du eine Collection der betreffenden Links, durch die du iterieren und den Elementen mit setAttribute] Attribute verpassen kannst.

LLAP 🖖

--
„Man kann sich halt nicht sicher sein“, sagt der Mann auf der Straße, „dass in einer Gruppe Flüchtlinge nicht auch Arschlöcher sind.“
„Stimmt wohl“, sagt das Känguru, „aber immerhin kann man sich sicher sein, dass in einer Gruppe Rassisten nur Arschlöcher sind.“
—Marc-Uwe Kling
Beitrag melden
–
Informationen zu den Bewertungsregeln