Element.aber Selektor CSS

Question

Ich sah diesen Code auf einer der Seiten, die ich studiere.

.site-header .widget-area span.but 

Ich bin immer noch Art von neu in der ganzen CSS Sache, aber was genau macht die span.but Teil bedeuten? Ist es das gleiche wie der Pseudo Selektor: nicht?

Answer 1

Nein, es ist nur ein regulärer Klassenselektor, der der Klasse "but" entspricht. Es gibt keine Klassenselektoren, die spezielle Bedeutungen wie Pseudo-Klassen haben. Jeder Klassenselektor ist eine literale Übereinstimmung für Klassennamen innerhalb des Klassenattributs in HTML oder was auch immer einen Klassennamen in der Dokumentsprache darstellt.

Answer 2

Es ist die Art der Darstellung von zwei Klassen desselben Elements, um das Gewicht zu erhöhen.

beispiel

<div class="menu nav"> 
    <div class="sub-menu"> 
    </div> 
</div> 

In dem obigen Code .menu .sub-menu und .menu.nav .sub-menu werden repräsentieren gleiches Element .sub-menu d.h. aber .menu.nav .sub-menu haben höheres Gewicht als .menu .sub-menu.

P.S. Höheres Gewicht bedeutet, dass dasjenige mit hohem Gewicht zuerst angewendet wird als Rest.