CSS Tutorials (4) - Combinators - Different ways of Grouping CSS selectors in 2+ mins

Part four - In this CSS whiteboard video tutorial, you will learn quickly how selector can be grouped to target elements on a webpage using Combinators. The concept of grouping selectors, Combinators, has been explained with the help of very simple and visually clear examples. Different colors are used in the animation to make it easily understandable.

The tutorial covers the:
- Multiple selectors
- Descendent selector
- Immediate child selector
- Immediate next sibling selector
- All sibling selector

To understand the concept well, I would suggest you pause the video to relate the markup and output displayed on the monitor drawn on the whiteboard.

You are learning these videos with tutor Sunil Syal. In case you have any query/feedback, I would be happy to take your comments. I generally respond as soon I get a query. But with the increase in the number of queries, please excuse if there is any delay.

[RafikBianconero]

What if we chain combinators ?
ex: .card:hover ~ .card > .cardImage{...}
Meaning changing child (img) of all sibling cards when a card is hovered.