Jenis-jenis Selektor dalam CSS

  • Selektor tag atau selektor elemen

Menggunakan tag sebagai selektor. Contohnya pada h1, a, p sebagai berikut:

h1{

color: #ccc;

}

a{

color: green;

}

p{

text-align: justify;

}

  • Selektor pseudo-kelas

Selektor pseudo-kelas digunakan untuk mengatur sebuah atribut dalam suatu tag. Contoh:

a:hover{

background-color: blue;

}

  • Selektor kelas

Selektor yang digunakan oleh kelas dalam CSS, Ciri-ciri kelas dalam css dapat dilihat dengan tanda titik ( . ) didepannya contoh:

.judul{

color: #cfcdca;

}

  • Selektor pseudo-elemen

div .judul{

font-size: 1.5em;

}

  • Selektor keturunan

Selektor yang diberlakukan terhadap suatu elemen HTML yang merupakan keturunan dari suatu elemen. Contoh, pada HTML terdapat pasangan tag <ul> dan </ul>. Contoh

div ul{

list-style-type: square;

}

  • Selektor ortu-anak

Selektor yang berlaku dengan hubungan orang tua anak tapi tidak untuk cucu. Contohnya sebagai berikut:

body > p{

color: red;

}

  • Selektor bersebelahan

Kita dapat menggunakan cara ini apabila selektornya bersebelahan. Contohnya:

h1+h2{

border-top-style: solid;

}

  • Selektor ID

Langsung saja dengan selektor id, contoh:

#judul{

color: red;

}

  • Selektor universal

*{

color: red;

}

Iklan
Perihal

I am system analyst, my specialization are Web programming, mobile programming also graphic design.

Ditulis dalam Desain, Merancang Web
One comment on “Jenis-jenis Selektor dalam CSS

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

Produk Promo
Desktop Mini PC Intel Core i3
Kategori Tulisan

Klik untuk mendapatkan Update melalui email anda

Bergabunglah dengan 164 pengikut lainnya

%d blogger menyukai ini: