## Syntax CSS `.content-section .widget {}` dalam Bahasa Indonesia
Syntax CSS `.content-section .widget {}` digunakan untuk mendefinisikan gaya CSS untuk elemen HTML yang memiliki kelas `.widget` dan berada di dalam elemen HTML dengan kelas `.content-section`.
Mari kita bahas bagian-bagian syntax tersebut:
**1. `.content-section`**
Bagian ini merupakan **pemilih kelas** yang menargetkan elemen HTML dengan kelas `.content-section`. Pemilih kelas ditulis dengan titik (.) diikuti nama kelas. Dalam hal ini, kelas `.content-section` digunakan untuk menargetkan elemen HTML yang memiliki kelas tersebut.
**2. .widget**
Bagian ini merupakan **pemilih kelas** kedua yang menargetkan elemen HTML dengan kelas `.widget`. Pemilih kelas ditulis dengan titik (.) diikuti nama kelas. Dalam hal ini, kelas `.widget` digunakan untuk menargetkan elemen HTML yang memiliki kelas tersebut, **hanya elemen yang berada di dalam elemen HTML dengan kelas `.content-section`**.
**3. {}**
Bagian ini merupakan **blok deklarasi gaya** yang berisi properti CSS dan nilai-nilainya. Properti CSS digunakan untuk menentukan gaya visual elemen HTML yang ditargetkan. Nilai-nilai properti CSS menentukan bagaimana properti tersebut diterapkan.
**Contoh Penggunaan:**
```css
.content-section .widget {
background-color: #f0f0f0;
padding: 20px;
border: 1px solid #ccc;
margin-bottom: 20px;
}
```
Dalam contoh di atas, kode CSS tersebut akan mendefinisikan gaya berikut untuk elemen HTML dengan kelas `.widget` yang berada di dalam elemen HTML dengan kelas `.content-section`:
* Warna latar belakang: #f0f0f0
* Padding: 20px
* Border: 1px solid #ccc
* Margin bawah: 20px
**Kesimpulan:**
Syntax CSS `.content-section .widget {}` digunakan untuk mendefinisikan gaya CSS untuk elemen HTML yang memiliki kelas `.widget` dan berada di dalam elemen HTML dengan kelas `.content-section`.
**Catatan:**
* Anda dapat mengganti `.content-section` dan `.widget` dengan nama kelas yang Anda inginkan.
* Anda dapat menambahkan properti CSS dan nilai-nilainya sesuai dengan kebutuhan Anda.
* Pastikan untuk meletakkan kode CSS Anda di dalam tag `<style>` di dalam dokumen HTML Anda.
Semoga penjelasan ini membantu!
