تحدي المراجعة

جزء من قسم CSS Mastery في رحلة HTML على Coddy — الدرس 6 من 43.

التحدي

سهل

لقد تعلمت كيفية دمج محددات CSS باستخدام المجمعات descendant، و child، و adjacent sibling، و general sibling. الآن حان الوقت لوضع كل شيء قيد التنفيذ!

قم بتنسيق جميع عناصر <p> التي تعد أبناء مباشرين (direct children) داخل عنصر <div> الذي يحمل الفئة .rooms باستخدام اللون الأزرق الفيروزي (#40e0d0).
قم بتنسيق جميع عناصر <p> التي تعد أحفاداً (descendants) لعنصر <div> الذي يحمل الفئة .facilities باستخدام اللون الأخضر البحري (#2e8b57).
قم بتنسيق كل عنصر <p> يأتي بعد عنصر <div> باستخدام اللون البيج الرملي (#f4a300).

جرّب بنفسك

<!DOCTYPE html>
<html>
<head>
    <title>Recap Challenge</title>
    <style>
        /* Your CSS solution here */
        
    </style>
</head>
<body>
    <section>
  		<h1>Welcome to Paradise Resort</h1>
  
  		<div class="rooms">
    		<h2>Ocean View Rooms</h2>
    		<p>Room 101</p>
    		<p>Room 102</p>
  		</div>

  		<div class="facilities">
    		<h2>Resort Facilities</h2>
    		<div>
      			<p>Infinity Pool</p>
      			<p>Spa & Wellness Center</p>
    		</div>
    		<p>Beach Access</p>
  		</div>

  		<p>Beachfront Restaurant</p>
  		<p>Sunset Bar</p>
  		
	</section>
</body>
</html>