Kolejność przetwarzania CSS

Question

Jestem w sprzeczności z moim szefem w stosunku do kolejności przetwarzania CSS.

Szef twierdzi, że kolejność selektorów w pliku CSS powinna odpowiadać kolejności, w jakiej selektory te są używane do wywoływania stron internetowych. Twierdzi, że taka struktura jest wymuszana przez przeglądarki, które sekwencyjnie odczytują zawartość pliku CSS i stosują reguły w tej sekwencji.

Myślę, że to jest złe.

Jeśli moje doświadczenie programistyczne ma jakikolwiek związek z aplikacją CSS, a ja jestem programistą .NET, przeglądarki odczytują najpierw pliki CSS, a dla każdego selektora tworzone jest odwołanie do pamięci (wskaźnik przypominający odwołanie do pamięci metody), a następnie, jak odczytuje przeglądarka plik html i renderuje stronę, za każdym razem, gdy używany jest selektor, przeglądarka odwołuje się do odpowiedniego adresu pamięci z regułą stylu i stosuje zmiany, a wynik końcowy jest renderowany w DOM. Sekwencja w pliku CSS nie ma znaczenia.

Nie mogę poprzeć mojego roszczenia żadną dokumentacją. Czy ktoś wie, gdzie mogę znaleźć dokumentację techniczną w tym zakresie i udowodnić mi, czy dobrze, czy źle? Czy istnieje zasada, jak organizować plik CSS?

Answer 1

Kolejność ma znaczenie, ale tylko wtedy, gdy jest taka sama.

np.

.one { color: black; } 
.two { color: red; } 

z

<div class="one two">...</div> 

... będzie się różnić w zależności od zamówić zestawy reguł CSS pojawiają się.

Zobacz the cascade więcej szczegółów.