Penulisan Script Nesting Pada SASS (Syntactically Awesome StyleSheets)

Hallo teman-teman bertemu lagi di panduan Source Code Aplikasi,kalau di panduan sebelumnya kita membahas mengenai penulisan variable di

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

Apa itu penulisan nesting?

teman-teman pasti telah mengetahui mengenai  penulisan script html yang mempunyai struktur yang bersarang, tak seperti penulisan pada css, namun dengan menggunakan sass teman-teman dapat menjalankan penulisan css dengan gaya bersarang seperti halnya html atau yang lazimnya kita sebut nested. berikut contoh pemakaian nesting.

nah berikut ini yakni contoh penulisan script nested atau nesting di 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 fitur dimana didalamnya terdapat ul,li lalu a

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

oke kiranya lumayan sekianlah artikel kali ini, semoga bermanfaat, selamat mencoba,

terimakasih,

Sumber https://kursuswebsite.org