Заголовок с псевдоклассом :hover

Псевдокласс ссылки остается без изменения, а у параграфов используется псевдокласс :after, расставляющий точки в конце

Начальный «полужирный» элемент, следующий элемент, а третий — будет красным. И у этого параграфа — псевдокласс :before, добавляющий тире перед текстом

А это кнопка с псевдоклассами :focus и :active. И если навести курсор на этот параграф подсветится форма

Картинка с классом png

Knorr ®