Attributselektor

Wir haben am Ende der Seite einen Footer eingefügt, mit einem Link zur Quelle unseres Textes und einem Link zurück an den Seitenanfang. Der erste Link öffnet sich in einem neuen Tab, weil er das Attribut target="_blank" hat:

<footer>
	<p>Quelle: <a href="https://de.wikipedia.org/wiki/Hauskatze" target="_blank">Wikipedia</a></p>
	<p><a href="#titel">Nach oben</a></p>
</footer>

Elemente lassen sich auch über ihre Attribute auswählen. Ein Attributselektor steht in eckigen Klammern:

• [target] wählt die Elemente aus, die das Attribut target haben, egal mit welchem Wert,
• [target="_blank"] wählt die Elemente aus, deren Attribut target genau den Wert _blank hat.

Direkt vor die Klammern kannst du einen Typselektor schreiben: a[target="_blank"] wählt die a-Elemente mit dem Attribut target="_blank" aus, also die Links, die sich in einem neuen Tab öffnen. Es ist gut, Besucher auf solche Links hinzuweisen, also gestalten wir sie anders.