I'm finding it difficult to understand Css selectors

Can someone please explain the different variations of Css selectors and what they mean. I do understand the basic ones like class, id and tag selectors but what’s the difference between say I have two classes “a” and “b”, what does these selectors mean.
. a .b
.a + .b
.a, .b
.a>.b

There’s still a bunch of others like the ones using “”. (The MDN reference on this topic is not really broad).

Thanks

I used to reference this page all the time until I was able to memorize them all:

1 Like

This article was more than helpful. Thanks a lot