<ul class="psdon">
<li class="rot"></li>
<li class="blau"></li>
<li class="rot"></li>
<li class="blau"></li>
<li class="rot"></li>
</ul>

.psdon li:not(.blau) { background: red}
.psdon li:not(.rot) { background: blue}
  • Listenelemt
  • Listenelemt
  • Listenelemt
  • Listenelemt
  • Listenelemt
.psdoe li:empty { background: green}

<ul class="psdoe">
<li class="rot"></li>
<li class="blau"></li>
<li class="rot"></li>
<li class="blau"></li>
<li class="rot"></li>
</ul>
  • Listenelemt 1
  • Listenelemt 2
  • Listenelemt 4
  • Listenelemt 5
.psdolc li:last-child { background: yellow}

<ul class="psdolc">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
  • Listenelemt 1
  • Listenelemt 2
  • Listenelemt 4
  • Listenelemt 5
  • Listenelemt 1
  • Listenelemt 2
  • Listenelemt 4
  • Listenelemt 5
.psdonco li:nth-child(odd) { background: brown}

<ul class="psdonco">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
.psdonce li:nth-child(even) { background: brown}

<ul class="psdonce">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
.psdoncp li:nth-child(4) { background: pink}

<ul class="psdoncp">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
.psdoncpe li:nth-last-child(4) { background: pink}

<ul class="psdoncpe">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
.psdofot li:first-of-type { background: orange}
.psdolot li:last-of-type { background: orange}

<ul class="psdofot">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
  • Liste 1
  • Liste 2

Absatz 1

Absatz 2

Absatz 3

Absatz 4

Div 1
Div 2
  • Liste 1
  • Liste 2

Absatz 1

Absatz 2

Absatz 3

Absatz 4

Div 1
Div 2