CSS Pseudo Selectors: What's the difference between :first-of-type and :first-child

first-of-type and first-child are very similar pseudo selectors and will often target the same element. When they don't it can be confusing, so let's look at what they do. First Child first-child will look only at the first child element. In example ...