Categories: Artikel CSS

:First-Child Css

Pseudo-class :first-child dipakai untuk menunjukkan efek hukum CSS bagi elemen yang merupakan First-child dari suatu elemen. Bentuk pseudo class ini:

E:first-child

E yakni elemen yang diberikan efek hukum CSS, tetapi dengan syarat bahwa E harus merupakan First-child dari elemen Parent-nya.

Sebagai pola jikalau ingin menunjukkan efek hukum CSS kepada setiap elemen P yang merupakan First-child elemen manapun yang menjadi elemen Parent-nya. Sebagai contoh:

<HTML> <HEAD> <STYLE TYPE="text/css"> P:first-child { color: red; } </STYLE> </HEAD> <BODY> <P>Alinea 1 di dalam BODY.</P> <DIV> <P>Alinea 1 di dalam DIV.</P> <P>Alinea 2 di dalam DIV.</P> </DIV> <P>Alinea 2 di dalam BODY.</P> </BODY> </HTML>

Contoh di atas, elemen P yang teksnya ‘Alinea 1 di dalam BODY.’ dan elemen P yang teksnya ‘Alinea 1 di dalam DIV.’ yang terkena efek dari hukum CSS. Karena masing-masing merupakan First-child dari elemen BODY dan First-child dari elemen DIV.

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

Ahmad Code