CSS Combinators kullanımı | Cevap #3474

CSS Combinators Kullanımı Nasıl Oluyor?

Şu anda sınavdayım ve bana aşağıdaki gibi bir örnek verildi. Bunu sırasıyla; 1:kırmızı, 2:mavi, 3:kahverengi, 4 divdışı:yeşil, 5 divdışı:cyan
Yapılmamı istendi. Bunu manuel olarak değil de Combinators kullanarak nasıl yapabilirim?

<body>
    <div>
        <span><p>Div içi paragraf 1</p></span>
        <p>Div içi paragraf 2</p>
        <p class="p1">Div içi paragraf 3</p>
    </div>

    <p>Div dışı paragraf 1</p>
    <p class="p1">Div dışı paragraf 2</p>
</body>