Penulisan Script Nesting Pada SASS (Syntactically Awesome StyleSheets)

Hallo teman-teman bertemu lagi pada tutorial dumet school,kalau pada tutorial sebelumnya kita membahas tentang penulisan variable pada

SASS CSS bisa dilihat DISINI  kali ini kita akan membahas tentang SASS CSS yaitu teknik penulisan script secara nesting.

Apa itu penulisan nesting?

teman-teman pasti telah mengetahui tentang  penulisan script html yang memiliki struktur yang bersarang, tidak seperti penulisan dalam css, namun dengan menggunakan sass teman-teman bisa melakukan penulisan css dengan gaya bersarang seperti halnya html atau yang biasa kita sebut nested. berikut contoh penggunaan nesting.

nah berikut ini adalah contoh penulisan script nested atau nesting pada SASS CSS :

nav{
     ul{
          margin-top: 20px;
               li{
                    list-style: none;
                    float: left;
                    a{
                         color: blue;
                    }
 
               }
          }
     }

bagaimana?

script di atas menjelaskan bahwa kita punya element menu dimana didalamnya terdapat ul,li lalu a

nah kita dapat mengatur stylenya secara berkelompok seperti halnya script diatas.

oke kiranya cukup sekian artikel kali ini, semoga bermanfaat, selamat mencoba,

terimakasih,