What? Why? I personally find Material to be hideous because of its color abuse. It makes your UI look like an over-saturated Fischer-Price toy because of all the bright primary colors everywhere, and that's before we get into the lack of shadow and shading that seems to have infected "modern" design.
and that's before we get into the lack of shadow So we are not talking about the same thing, because Material uses shadows extensively - certainly more so than older versions on Android. See https://developer.android.com/training/material/shadows-clip... and http://www.google.com/design/spec/what-is-material/objects-i... for more details
It's supported, sure, but that doesn't mean it's going to be used by a lot of people. I can't look it up right now, but I recall the official Google apps look rather flat.
and that's before we get into the lack of shadow So we are not talking about the same thing, because Material uses shadows extensively - certainly more so than older versions on Android. See https://developer.android.com/training/material/shadows-clip... and http://www.google.com/design/spec/what-is-material/objects-i... for more details
It's supported, sure, but that doesn't mean it's going to be used by a lot of people. I can't look it up right now, but I recall the official Google apps look rather flat.
Shadows are a huge part of Material UI. They are used to create layering between materials, which creates the illusion of depth and space.
Modern browsers do their best to optimize typical use-cases for CSS selectors and .collection li for sure will be handled optimally. You shouldn't worry about CSS selector performance unless you have to provide good performance for very old browsers or hit specific performance problem. Optimize for humans, not for computers.
Mozilla disagrees. https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Writi... They explicitly state using css classes is more performant than using tags. I'd be interested in a CSSPerf(Do they have those?)
As others have pointed out, that article is now 15 years old.
Your example would corrupt the following case: Bulleted label Bulleted label 2 This case must be considered when setting coding standards for a framework.
Was this sentence not there when you first replied? You want nested li's to not inherit the styles? Use ".collection > li" in your CSS.
oh my. missed the > when first replied.
Note that ie6 did not support that selector. Until recently that certainly was a case for the frameworks to support.