Hello, world!

Jika kita meminang ke rumah yang empunya css W3C maka kita akan di hidangkan bermacam-macam makanan super lengkap yang beraroma css, javascript dll.
Salah 1 hidangan itu saya nyoba mencicipi yang namanya :nth-child
() selector.

Terus di kembangkan lagi menjadi :first-child, :last-child, :nth-child (2), :nth-child
(n+3), :nth-child (odd) dan (even) serta css+plus seperti li+li+li, span+span, ul+ul dan ol+ol nanti dibawah anda dapat pelajari langsung.

Saya mencoba pelajari salah 1 nya yaitu :nth-child(2) untuk membuat background dan icon list berbeda pada link li, span dll.

Sebagai contoh kita praktekan pada bagian agak sensitif mywapblog yaitu RECENT POST dengan background dan gambar icon list berbeda-beda tiap link.

Contoh Css Diatas
#recent-posts-list a, #recent-posts-list li a { tex-decoration: none;} #recent-posts-list { margin-top: 4px;} #recent-posts-list h4 { clear: both; border: 1px solid #555555; font-weight:normal;font-size:18px;margin:2px -2px 2px -2px;text-align:center;color:#000;padding:4px; background: url(http:// javascript. mywapblog.com/files/ gradient.gif) repeat-x; -moz-border-radius: 1em;} #recent-posts-list ul li, { margin: 4px 0px 4px 0px;} #recent-posts-list ol, #recent-posts-list ul { margin: -2px; padding: 2px;} #recent-posts-list a { display: block; padding: 2px 0px 2px 0px;} #recent-posts-list li:nth-child(1) { background: #fff url(http:// ykub. xtgem.com/ Bg/ redh.png) repeat-x top; margin: 0; padding: 2px; list-style-image: url(http:// ykub. xtgem.com/ icons/ admin.png); list-style-position: inside;} #recent-posts-list li:nth-child(2) { background: #fff url(http:// javascript. mywapblog.com/ files/ bblogroll.png); -moz-background-size:100% 100%; /* Firefox 3.6 */ background-size:100% 100%; background-repeat:no-repeat; margin: 0; padding: 2px; list-style-image: url(http:// ykub. xtgem.com/ icons/ house.png); list-style-position: inside;} #recent-posts-list li:nth-child(3) { background: #fff url(http:// ykub. xtgem.com/ Bg/ orangev.png) repeat-y left; margin: 0; padding: 2px; list-style-image: url(http:// ykub. xtgem.com/ icons/ down.png); list-style-position: inside;}

NOTE:
setiap penambahan link kita cukup menambahkan jumlah angkanya (1) angka tersebut menunjukkan jumlah link.. Silahkan lihat sumbernya