I have already made a post on CSS advanced techniques, but this time a short and simple overview:
Using a comma between css selectors is saying that this applies to all the different selectors, no relationship between them.
When not using a comma means that selectors on the right are descendants of the selectors on the left.
Putting > between two selectors means the one on the right must be a direct child of the selector on the left.