W języku CSS zdefiniowano następujące formatowanie. Oznacza to, że kolorem niebieskim zostanie zapisany

Wyjaśnienie

Selektor CSS p > i oznacza, że przeglądarka ma znaleźć elementy i, które są bezpośrednimi dziećmi elementu p, czyli znajdują się od razu wewnątrz paragrafu. Zapis color: blue ustawia kolor tekstu dla takiego elementu na niebieski. Dlatego poprawnie mówimy, że niebieski będzie pochylony tekst paragrafu, bo element i w HTML jest domyślnie wyświetlany kursywą, czyli tekstem pochylonym. W praktyce, jeśli w akapicie mamy zwykły tekst oraz fragment oznaczony elementem i, to tylko ten fragment dostanie kolor niebieski, a reszta paragrafu zostanie bez zmian, o ile nie działają inne reguły CSS. Ważny jest tutaj znak >, nazywany kombinatorem dziecka. On nie wybiera wszystkich elementów i gdziekolwiek głębiej w paragrafie, tylko te na najbliższym poziomie zagnieżdżenia. Moim zdaniem to jeden z tych selektorów, które warto dobrze opanować, bo pozwalają pisać CSS precyzyjnie, bez przypadkowego stylowania pół strony. W dobrych praktykach webowych takie selektory stosuje się wtedy, gdy struktura HTML jest przewidywalna i chcemy uniknąć nadmiernego używania klas.