Tag (oder Element) Selektoren sind Zeichenfolgen in CSS3, die Sie Tags wählen verwenden, um wie

und

. In der Tat, können Sie einen beliebigen HTML-Tag auf diese Weise wählen. Ein Tag-Selektor beruht immer auf dem Tag-Namen, wie zum Beispiel p oder h1. Allerdings gibt es einige interessante Tag-Selektor Kombinationen, die Sie wissen sollten.

Die folgende Liste informiert Sie über Tag-Selektoren, die Sie zusätzlich zu den einfachen Tag-Selektor verwenden können.

• Etikett,Etikett: Trennen von zwei Tags mit einem Komma bedeutet, daß beide Tags ausgewählt, und zwar unabhängig davon, wo sie in dem Dokument angezeigt. Beispielsweise unter Verwendung von p, div würde alles auswählen

  und Tags innerhalb des Dokuments.

• Etikett>Etikett: Trennen von zwei Tags mit einem Größer-als-Zeichen (>) Teilt dem Browser einen Tag auswählen, die einen anderen Tag als Eltern hat. Zum Beispiel, wenn Sie

  und Verwendung div> p, der Browser wählt die

  -Tag.

• Etikett Etikett: Trennen von zwei Tags, die von einem Raum teilt dem Browser einen Tag auswählen, die in einem anderen Tag erscheint. Dieser Selektor unterscheidet von der Verwendung eines größer ist als in Zeichen, dass der erste Tag nicht direkt unmittelbar vor dem zweiten Tag erscheinen muss.

  Zum Beispiel, wenn Sie

  und Verwendung div> p, der Browser wird nichts aus. Wenn Sie jedoch verwenden div p Stattdessen wählt der Browser die

  -Tag.

• Etikett+Etikett: Trennen von zwei Tags mit einem Pluszeichen (+) sagt dem Browser, um einen Tag auszuwählen, die unmittelbar nach einem anderen Tag erscheint. Zum Beispiel, wenn Sie

  und Verwendung div + p, der Browser wählt die

  -Tag. Beachten Sie, dass die

  Tag erscheint nicht im Tag, es erscheint nach dem Tag.

• Etikett~Etikett: Trennen von zwei Tags mit einer Tilde (~) Teilt dem Browser mit jedem Tag zu wählen, der nach einem anderen Tag erscheint. Zum Beispiel, wenn Sie

  und Verwendung div ~ p, wird der Browser sowohl wählen

  Tags. Dies unterscheidet sich von div + p, die sagt dem Browser, nur der erste zu wählen

  Tag, das den Tag folgt.

• :Wurzel: Wählt das Wurzelelement des Dokuments. Das Wurzelelement ist abhängig vom Dokumenttyp. Dieser Selektor ist in der Regel mit XML-Dokumenten verwendet, aber man könnte es möglicherweise mit einem beliebigen Dokumenttyp verwenden.