Frage

[Beat]

Soweit alles richtig

<div class="test"> Überschrift </div>

wieso kann ich hier nicht einfach .test schrieben???

Weil es in HTML nicht vorgesehen ist.
HTML (oder auch XML) hat seine eigene Syntax, die erst einmal vollkommen unabhängig ist von CSS Syntax.

Es gibt jedoch zwei Elemente in HTML, welche eine andere Syntax erlauben:
<style>...</style> Hier ist CSS Syntax erlaubt
<script>...</script> Hier ist Script Syntax erlaubt

mfg Beat