Di sesi belajar css kali ini, kita akan belajar tentang CSS grouping. Didalam style sheet sering kita temukan elemen dengan style yang sama. Untuk menimimalkan kode groupinglah jawabannya. CSS grouping atau pengelompokan adalah salah satu teknik penulisan dalam css yang berfungsi untuk mengelompokan beberapa selector maupun tag html yang berstyle sama(property dan valuenya) dimana setiap selector dipisahkan dengan , (koma). Sehingga dengan teknik grouping ini kita dapat mempersingkat sekian detik penulisan css. Untuk lebih jelasnya berikut akan saya perlihatkan contoh kode yang sama style-nya :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| h1{color:green;}h2{color:green;}p{color:green;} |
Nah, dari kode diatas dapat kita kelompokkan menjadi :
1
2
3
4
5
6
7
| h1,h2,p{color:green;} |
Okey, kebalikan dari grouping adalah nesting. Kita akan mempelajarinya di tutorial berikutnya.CSS
0 comments:
Post a Comment