CSS Selectors

CSS Selectors

Selector adalah pola yang digunakan untuk memilih elemen HTML yang akan di-style.

Jenis-jenis Selector

• Element Selector - Memilih berdasarkan nama tag
• Class Selector - Memilih berdasarkan class
• ID Selector - Memilih berdasarkan ID
• Attribute Selector - Memilih berdasarkan atribut

/* Element Selector */
p {
    color: blue;
}

/* Class Selector */
.highlight {
    background-color: yellow;
}

/* ID Selector */
#header {
    background-color: #333;
}

/* Attribute Selector */
[type="text"] {
    border: 1px solid #ccc;
}