CSS Selectors: Contoh – Tutorial – Penjelasan

Reviewed by Sutiono S.Kom., M.Kom., M.T.I

by Sutiono S.Kom., M.Kom ., M.T.I June 16, 2020

Selektor CSS digunakan untuk “menemukan” (atau memilih) elemen HTML yang ingin dimodifikasi stylenya.

Kita dapat membagi CSS selectors menjadi lima kategori:

Selektor sederhana – simple selectors (pilih elemen berdasarkan nama, id, kelas)
Combinator selectors (elemen pilih berdasarkan hubungan tertentu di antara mereka)
Pseudo-class selectors (pilih elemen berdasarkan kondisi tertentu)
Pseudo-elements selectors (pilih dan style bagian dari elemen)
Attribute selectors (elemen pilih berdasarkan atribut atau nilai atribut)

Elemen CSS Selectors

Selectors elemen memilih elemen HTML berdasarkan nama elemen.

<!DOCTYPE html>
<html>
<head>
<style>
p {
  text-align: center;
  color: blue;
}
</style>
</head>
<body>

<p id="p1">Ini adalah paragraf.</p>
<p id="p1">Kumpulan text paragraf .</p>

</body>
</html>

CSS

Sutiono S.Kom., M.Kom ., M.T.I

Hi, i'm lecturer, technopreneur, investor, businessman, of course an IT Maniac. Have more than 12 years experience in as professional, and 10 years as technopreneur.