Challenge Start | CSS Basic
.ul ul
ul .ul
ul > ul
ul li ul
Den Selektor gibt es nicht.
Hier werden alle h2 Elemente angesprochen
Hier wird eine h2 mit der id mit dem Wert "wichtig" angesprochen
Hier werden alle h2 Elemente angesprochen, wie wichtig sind
Hier wird eine h2 angesprochen, mit einer Klasse mit dem Wert "wichtig" angsprochen.
section h2
p , b
article + p
ariticle.child
figure > img
aside ~ p
jedes zweite li Element
das zweite li Element
alle li Elemente ab dem zweiten
alle li Elemente bis auf die letzten beiden
article.center p
article#tokio h2
#berlin article.mittig
Der * Selektor überschreibt alle anderen Selektoren.
Der * Selektor hat Vorrang vor anderen Selektoren.
Der * Selektor selektiert alle Elemente.
Der * Selektor wird immer dann eingesetzt, wenn es keinen anderen passenden Selektor gibt.
:hover
:active
:visited
:start
:focus
%attr
[title="Nizza"]
img{alt="Nizza"}
Der Selektor ist ungültig.
Das dritte article Element auf der Seite wird angesprochen.
Die ersten 3 Kindelemente in einem article werden angesporchen.
Das dritte Kindelement in allen article Elementen wird angesprochen.
Wenn das drtitte Kindelement ein article ist wird es angesprochen.
:
.
;
,
h3 #kopf #main body
#main body #kopf h3
body #kopf #main h3
body #main #kopf h3
Pseudoklasse
Klassenselektor
ID-Selektor
HTML-Attribut