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.

Type selector terkadang disebut juga element selector.


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>

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

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

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

Contoh Lengkap

Contoh source code lengkap disertai dengan link "editor" untuk mencoba (try it) dan melihat hasil (preview) kode.

SOURCE
<!DOCTYPE html>

<html lang="id">
<head>
  <meta charset="UTF-8" />
  <title>Tutorial Type Selector Bahasa Indonesia</title>
  <style>
    h2 {color: tomato}
    p {color: #555}
  </style>
</head>
<body>
  <h2>Tutorial Type Selector</h2>
  <p>
      Type Selector disebut juga <em>tag selector</em> atau <strong>Element Selector</strong> adalah selector paling sederhana untuk memberi style berdasarkan Element/tag tertentu.
  </p>
</body>
</html>



Comments