Tips Cepat Memberikan Perintah CSS Pada Banyak Class

Mungkin anda pernah mengalami hal ini. Dalam mendesain halaman website terkait pemberian style CSS akan terdapat beberapa class yang penulisannya harus berbeda. misalnya seperti class kolom_satu dan kolom_dua yang diharuskan menggunakan style background yang berbeda dan memiliki nilai font atau jarak yang sama.

Pada contoh diatas pasti anda memberikan perintah CSS pada masing-masing class bukan ?. Tidak di tutorial ini. Disini saya akan memberikan tips cepat mengatur seluruh class dengan satu baris perintah. Bagaimana caranya? silakan buat contoh kode HTML seperti berikut :

Kemudian beri style background berbeda pada class seperti berikut :

Masing-masing class telah memiliki background yang berbeda. Kemudian bagaimana jika ingin menambahkan ukuran font dan jarak yang sama di semua class ?. Disini anda dapat menggunakan perintah class* untuk  memberikan style semua class yang terdapat didalam dokumen HTML seperti berikut :

[class*="paragraph_"] mendefinisikan pengaturan style untuk semua class yang diawali dengan nama paragraph_.

Hasilnya :