Pemilihan Elemen CSS

Pemilihan Elemen CSS

Pemilih CSS paling sering digunakan adalah pemilih elemen. Artinya, elemen dokumen adalah pemilih dasar.

Jika menata gaya HTML, pemilih biasanya adalah elemen HTML seperti p, h1, em, a, bahkan dapat menjadi html sendiri:

html {color:black;}
h1 {color:blue;}
h2 {color:silver;}

Coba sendiri

Gaya dapat diubah dari satu elemen ke elemen lain.

Jika Anda memutuskan untuk menata teks paragraf di atas (tidak elemen h1) menjadi abu-abu, cukup ubah pemilih h1 menjadi p:

html {color:black;}
p {color:gray;}
h2 {color:silver;}

Coba sendiri

Pemilih jenis

Dalam standar W3C, pemilih jenis disebut pemilih elemen (type selector).

Pemilih jenis memilih nama jenis elemen bahasa dokumen. Pemilih jenis cocok dengan setiap instansi jenis elemen di pohon dokumen.

Aturan berikut cocok dengan semua elemen h1 di pohon dokumen:

h1 {font-family: sans-serif;}

Dengan demikian, kita juga dapat menata gaya elemen dokumen XML:

Dokumen XML:

<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/css" href="note.css"?>
<note>
<to>George</to>
<from>John</from>
<heading>Reminder</heading>
<body>Don't forget the meeting!</body>
</note>

Dokumen CSS:

note
  {
  font-family:Verdana, Arial;
  margin-left:30px;
  }
to
  {
  font-size:28px;
  display: block;
  }
from
  {
  font-size:28px;
  display: block;
  }
heading
  {
  color: red;
  font-size:60px;
  display: block;
  }
body
  {
  color: blue;
  font-size:35px;
  display: block;
  }

Lihat Hasil

Dari contoh di atas, Anda dapat melihat bahwa pemilihan elemen CSS (pemilihan jenis) dapat menetapkan gaya elemen dalam dokumen XML.

Jika Anda memerlukan pengetahuan lebih lanjut tentang menambah gaya ke dokumen XML, kunjungi CodeW3C Panduan XML。