Использование контекстного селектора и селектора прямого потомка в CSS

Демонстрация работы селектора прямого потомка, адаптация примера из урока Dudley Storey, специально для сайта dejurka.ru

HTML

<article>
        <p>На мертвой ветке 
        <p>Чернеет ворон. 
        <p>Осенний вечер.  
        <footer>
                <p>Басё
        </footer>
</article>

CSS

article > p {
        font-style: italic;
        text-indent: 2em;
}