Question

I currently have something like this:

article > * { max-width: 800px; }

But people complain about using the universal selector. Short of manually typing each possible tag name (which I am bound to miss), what’s the best way to do this without using a universal selector?

Answer 1

If you can fix the width of the article, there aren’t many elements that may overflow if you don’t set them explicitly to a larger size. So if you set

article, article div, article img {
    max-width: 800px;
}

you’re probably OK. Add one if you see one missing.