Jak odczytywać poniższy zapi
.btn a {
color: white;
}
czy rozumieć to tak ze color: white zostanie zastosowany na wszystkich tagach <a> które mają klasę btn?
Jak rozumieć takie zapisy gdzie jest wymienione kilka elementów jeden po drugim bez przecinków?
Nie. Kolor biały będzie miał każdy element a, którego którykolwiek z rodziców ma klasę btn.
To, co napisałeś (wszystkie elementy z klasą btn) to po prostu .btn { color:white }.
Długa lista bez przecinków, ale ze spacjami, to wymagania względem elementów nadrzędnych (bezpośrednich z > lub którychkolwiek) w kolejności takiej, jak kolejność na liście. Czyli dla przykładu
<div><span><a href="#">text</a></span></div>
selektor div span a złapie element a, podobnie div a, span a oraz samo a. Ale span div a czy też a span już a nie złapie, bo nie zgadza się kolejność,
i ode mnie:
color: white zostanie zastosowany na wszystkich tagach
<a>które mają klasę btn
zadziala gdy uzyjesz: a.btn czyli znacznik.klasa