Reality of the point system
In reality though, the point system I'm describing is not completely truthful. Let's say you have this selector of 11 elements: div div p p p p p p p p p { ... }. Using the system I already described, this is worth 11 points. And I described a class selector as being worth 10 points. However, the long element selector will never beat one single class: .i-beat-any-number-of-elements. So technically, elements are worth 0,0,0,1 and classes are worth 0,0,1,0, ID's are worth 0,1,0,0, and inline styles are worth 1,0,0,0. But! Pause for emphasis. You'd be having a pretty bad experience if you ever created a selector consisting of more than 10 elements. That would be a very bad idea, and I recommend that you try not to ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access