Pemilihan Elemen CSS

Pemilihan Elemen CSS

Pemilih CSS paling sering digunakan adalah pemilih elemen. Dengan kata lain, elemen dokumen adalah pemilih dasar.

Jika menetapkan 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 menetapkan teks paragraf di atas (tidak elemen h1) menjadi abu-abu, cukupubahkan pemilih h1 menjadi p:

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

Coba sendiri

Pemilih jenis

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

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

Peraturan di bawah ini cocok dengan semua elemen h1 di pohon dokumen:

h1 {font-family: sans-serif;}

Dengan demikian, kami juga dapat menetapkan gaya bagi 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 pencabut elemen CSS (pemilihan jenis) dapat menetapkan gaya elemen dalam dokumen XML.

Jika Anda memerlukan pengetahuan lebih lanjut tentang menambah gaya kepada dokumen XML, silakan kunjungi Panduan XML。