CSS Combinators kullanımı

yusufgngr 1190 gün önce

608 defa görüntülendi

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>

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (2)

local

1188 gün önce

span > p {color:red;}
span + p {color:blue;}
div > .p1 {color:brown;}
div + p {color:green;}
div ~ .p1 {color:cyan;}

#003500

qplot

1190 gün önce

burada cok guzel bır orneg var madem ogrenmen ıcın verıldı buradan ogrenebılırsın hazır kodları yazmıycam

https://www.w3schools.com/css/tryit.asp?filename=trycss_sel_element_tilde

#003474