PENGGUNAAN FIRST CHILD PADA PSEUDO CLASS css , html Kembali ke List CSS :first-child - untuk merubah elemen pertama pada elemen induk Contoh lengkap <html> <head> <style> p:first-child { color:red; } </style> </head> <body> <p> A</p> <p> B</p> </body> </html> Pada contoh ini akan dihasilkan nilai A berwarna merah sedangkan B defaultnya <html> <head> <style> p > i:first-child { font-weight:bold; } </style> </head> <body> <p> HTML itu <i>mudah</i>. CSS itu <i>mudah</i>.</p> <p> HTML itu <i>mudah</i>. CSS itu <i>mudah</i>.</p> </body> </html> Pada contoh ini akan dihasilkan HTML itu mudah kata mudah yang pertama berhuruf tebal sedangkan CSS itu mudah kada mudah selanjutnya tidak berhuruf tebal berhuruf tebal begitu pula pada paragraf selanjutnya kata mudah yang pertama berhuruf tebal <html> <head> <style> p:first-child i { color:blue; } </style> </head> <body> <p> HTML itu <i>mudah</i>. CSS itu <i>mudah</i>.</p> <p> HTML itu <i>mudah</i>. CSS itu <i>mudah</i>.</p> </body> </html> Pada bagian ini dihasilkan mudah pada paragraf pertama berwarna biru sedangkan paragraf slanjutnya default Share on Facebook Share on Twitter Share on Google Plus RELATED POSTS Penggunaan Radius I pada Tombol CSS...List TombolMembuat Tombol CSS I
0 komentar:
Posting Komentar