Great tutorial, I like that you've also made a caution about the excessive nesting.
In my work I avoid styling elements by #id's. Usually I use them only as anchors.
Also a quick note about naming. For example you've used .sidebar-list-link.
I prefer to avoid this kind of "nesting" in naming as well and use only one level of nesting. So I would do .sidebar and .sidebar-list. And .list maybe with .for-sidebar modifier with .list-link. Basically I would follow a bit modified version of BEM methodology.
Great tutorial, I like that you've also made a caution about the excessive nesting.
In my work I avoid styling elements by
#id's. Usually I use them only as anchors.Also a quick note about naming. For example you've used
.sidebar-list-link.I prefer to avoid this kind of "nesting" in naming as well and use only one level of nesting. So I would do
.sidebarand.sidebar-list. And.listmaybe with.for-sidebarmodifier with.list-link. Basically I would follow a bit modified version of BEM methodology.Thanks for the addition. 😊😊