CSS Classname mit Punkt?

Ich habe hier in einer CSS Datei gesehen das Classnames mit Punkt dort stehen und ein Punkt habe ich gelernt bedeutet das eine neue Classname anfaengt oder man kann mit einem Kommazeichen mehrere Classnames nebeneinander schreiben und ich wunder mich ueber die Schreibweise die ich jetzt hier sehe und frage mich ob das eine speziele Syntax ist die ich nciht kenne, hier ist das Beispiel:

.w3-sidebar.w3-collapse{display:block!important}}

also direkt nach dem ersten Classname kommt das naechste ohne ein Kommazeichen ist das korrektes CSS?

Answer 1

[regex9]

Das ist korrekt und bedeutet, dass diese Regel nur für die Elemente gilt, denen beide Klassen zugefügt wurden.

<div class="w3-sidebar w3-collapse">CSS-Regel gilt</div>
<div class="w3-sidebar">CSS-Regel gilt nicht</div>
<div class="w3-collapse">CSS-Regel gilt nicht</div>