Major kudos for this piece. I wasn’t at all aware of the specifics of the weighting system, and the examples of each scenario have made things super clear.
Also, in your first numbered item under the explanation for how CSS weights work, is the order incorrect? It states that classes come third, but in the first comparison of selector weights, it looks like the classes are in the fourth slot.
Thanks again for writing this. 👌🏾