Deskripsi
Pengertian & Penjelasan

Type Selector digunakan untuk memberi style pada dokumen html berdasarkan tag / element tertentu, contoh: p {color: green} yang artinya, element <p>...</p> akan memiliki teks berwarna hijau.

Syntax
Penggunaan Sintaksis CSS Type Selector

Element {
    Property: Value;  /* Deklarasi CSS */
}

Example
Contoh CSS type

Contoh berikut, di dalam html terdapat dua element. Element pertama yaitu <h1>...</h1> dan elemen kedua <section>...</section>

<h1>Panduan CSS Type Selector</h1>
<section>Ini adalah Section</section>

Kemudian, didalam CSS, kita medeklarasikannya dengan nama element tersebut secara langsung.

h1 {
    font-family: Georgia, serif;
 }
section {
    font-family: Helvetica, Arial, sans-serif;
 }

Contoh Lengkap
Demo dengan Source Code Editor

Demo Editor
Demo CSS type
Code Editor