Tantangan Rangkuman
Termasuk bagian Menguasai CSS dalam perjalanan HTML di Coddy. Pelajaran 6 dari 43.
Tantangan
MudahKamu telah mempelajari cara menggabungkan selector CSS menggunakan kombinator descendant, child, adjacent sibling, dan general sibling. Sekarang saatnya mempraktikkan semuanya!
- Atur gaya semua elemen
<p>yang merupakan anak langsung di dalam<div>dengan class.roomsmenggunakan warna biru pirus (#40e0d0). - Atur gaya semua elemen
<p>yang merupakan descendant dari<div>dengan class.facilitiesmenggunakan warna hijau buih laut (#2e8b57). - Atur gaya setiap elemen
<p>yang muncul setelah<div>dengan warna krem berpasir (#f4a300).
Coba sendiri
<!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>Semua pelajaran di Menguasai CSS
1Menguasai Selector, Kombinasi
PengantarSelector KeturunanSelector AnakSelector Saudara SebelahSelector Saudara UmumTantangan Rangkuman7Membangun dengan CSS Grid
Dasar-Dasar GridPenempatan Item dengan grid-rowArea BernamaTantangan RangkumanLatihan sendiri: Playground Web