Selektoren & Syntax

p {
  color: red;
}

*

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.klasse (Class)

.box {
  background-color: orange;
  color: white;
}

IDs

#

#special {
  border: 2px solid blue;
}

div p {
  color: green;
}

>

div > p {
  color: red;
}

button:hover {
  background-color: blue;
  color: white;
}

input:focus {
  border-color: purple;
  background-color: #eee;
}

:nth-child()

:not()

:first-child / :last-child

li:first-child { font-weight: bold; }
li:last-child { border-bottom: none; }

[attribut]

::before / ::after

.bestseller::before {
  content: "★";
  color: green;
  margin-right: 5px;
}