Belajar CSS Nesting

By Adhi P. - Last updated: Friday, February 24, 2012 - Save & Share - Comments

banner438kursus Belajar CSS Nesting

Nesting berfungsi membuat style berbeda pada tag_atau_slector yang sama. Dengan teknik nesting ini kita bisa membuat style yang berbeda disetiap tag. Dengan nesting sangat memungkinkan untuk menerapkan style untuk selector. Pada contoh di bawah, satu style yang ditentukan untuk semua elemen p, satu style yang ditentukan untuk semua elemen dengan class = “ditandai”, dan style ketiga adalah ditentukan hanya untuk elemen p dalam elemen dengan class = “ditandai”:


p

{

color:blue;

text-align:center;

}

.marked

{

background-color:red;

}

.marked p

{

color:white;

}

Dari contoh diatas bisa kita lihat aturan penulisan nesting , sebagai berikut :


selector_atau_tag(spasi)selector_atau_tagkedua{property:value;}

.misal p{property:value;}

.misal2 p{property:value;}

#misal .misallagi{property:value;}

Okey, cukup jelas kan untuk materi belajar grouping dan nesting dalam css? Berikutnya yang akan kita bahas adalah CSS Dimension dan Dislay. Jadi jangan berhenti untuk terus belajar css yaa..

 

Try This: 4 Langkah Mudah Belajar Cara Membuat Website, Langsung Praktek! KLIK DI SINI!.
Posted in Belajar CSS • Tags: Top Of Page