Cara Mengelompokkan Selector Di CSS3

Hallo teman-teman DUMET School, pada tutorial kali ini saya akan menjelaskan cara mengelompokkan Selector di CSS3. Seperti yang kita ketahui biasanya kita hanya menargetkan salah satu class atau ID atau Tag untuk di berikan style, nah sebenernya kita bisa mengelompokkan mereka menjadi satu untuk di berikan style yang sama, jika memang beberapa elemen tersebut style nya sama, tapi kalau berbeda ya kita tetap menargetkan mereka satu-satu. Sifat pengelompokkan ini berlaku untuk semua Tag HTML, Class, dan ID. Dengan menggunakan pengelompokkan Selector ini kita dapat menghemat penulisan CSS dan dapat juga mempercepat loading website kita. Nah untuk mengelompokkan nya kita cukup menggunakan tanda koma. Baik kita akan coba langsung praktekkan saja ya.

Pertama saya akan buat 3 Tag Heading seperti gambar di bawah ini.

Kemudian CSS nya seperti gambar di bawah ini.

Bisa kalian lihat pada CSS di atas saya mengelompokkan tag h1, h2, dan h3 untuk saya berikan color warna biru dan pada selector h1 dan h3 saya kelompokkan untuk saya berikan style background-color dan padding. Pada contoh di atas kalian cukup menuliskan 1 selector saja maka semua tag Heading akan berubah warnanya menjadi biru.

See the Pen EjgZJY by Dumet_School (@dumet_school) on CodePen.

Nah itulah cara mengelompokkan selector di CSS3, sangat mudah bukan teman-teman, sekian dulu tutorial dari saya, semoga tutorial ini bermanfaat untuk teman-teman. Terima Kasih.