https://www.w3schools.com/code/tryit.asp?filename=FEG2IB4T78O5
Как вам такое? (Допытывался насчёт разницы м/у child и type…
P.S. Попробуйте “поиграться”, меняйте type на child…
я опять не поняла, в чем у вас вопрос 
разница между псевдоклассами :first-child и :first-of-type замечательно разобрана в туториале академии https://htmlacademy.ru/demos/2#step1