Selector paling sederhana di CSS mempunyai bentuk:
E
Di mana E adalah elemen yang terkena dampak.
Contoh kode di bawah ini memberikan dampak kepada setiap elemen P dengan warna teks hijau, tidak terkecuali kepada setiap elemen P yang ber-ID atau ber-CLASS, selama mereka belum mendapatkan pengaturan properti color:
P {
color: green;
}
Contoh kode lagi:
P {
color: green;
}
P.myClass {
color: red;
}
P#myID {
color: blue;
}
Dan misalnya elemen-elemen HTML itu adalah:
<P>Alinea 1.</P>
<P>Alinea 2.</P>
<P CLASS="myClass">Alinea 3.</P>
<P ID="myID">Alinea 4.</P>
Akan menjadi:
Untuk "Alinea 1." dan "Alinea 2." dipastikan teksnya terkena dampak warna hijau, berdasar dari:
P {
color: green;
}
Untuk "Alinea 3." akan terkena dampak teksnya ke warna merah, berdasar dari:
P.myClass {
color: red;
}
Untuk "Alinea 4." akan terkena dampak teksnya ke warna biru, berdasar dari:
P#myID {
color: blue;
}
