The choices of markup and its styling are not completely separable. Good or bad choices in one can easily affect the other.
Let's examine a few bits of advice ...
widgetsand
importedcontent.
Remember, you can also use a build tool to combine your CSS into one file.
.list
) for generic styling. #mylist
) for contextual specifics.Example: In the todo list, the width of the list is specific to the layout within the document. The rule uses the element's identifier rather than class to set the width within the specific document.
To use the cascade, there needs to be enough markup and class annotations. You can't easily fix impoverished markup.