Sunday, October 21, 2012

Descendant selector CSS

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.