Penulisan selector ini seperti berikut:
E1 E2
E2
adalah elemen yang terkena dampak dari aturan CSS, tetapi dengan syarat E2
itu haruslah keturunan dari E1
.
Sebagai contoh jika saya menginginkan semua elemen P yang merupakan keturunan elemen DIV harus diberikan dampak untuk teksnya ke warna hijau, seperti berikut contoh aturan CSS-nya:
DIV P {
color: green;
}
Untuk penulisan HTML-nya misalnya:
<P>Ini elemen P didalam BODY.</P>
<DIV>
<P>Ini elemen P di dalam DIV yang pertama.</P>
<B>Ini elemen B di dalam DIV.</B>
<P>Ini elemen P di dalam DIV yang kedua.</P>
</DIV>
Maka
<P>Ini elemen P di dalam DIV yang pertama.</P>
Dan
<P>Ini elemen P di dalam DIV yang kedua.</P>
Yang akan terkena dampak dari aturan CSS yang ada, sedangkan untuk
<B>Ini elemen B di dalam DIV.</B>
Tidak terkena dampak dari aturan CSS yang ada.