CSS

CSS Selectors: Contoh – Tutorial – Penjelasan

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>

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.

Share
Tags: CSS