Membuat CSS Multi Selector

Hello readers - Pada kesempatan ini saya mau share tentang CSS Multi Selector. Apaan tuh CSS Multi Selector? Sebelum kesana coba baca 2 tutorial sebelumnya. Jika sudah, maka anda bisa melanjutkan membaca. Apa sih CSS Multi Selector itu? Multi Selector sendiri berarti menggunakan CSS dengan selector lebih dari 1. CSS Multi Selector bekerja secara multilevel (Mengerjakan dari Selector yang paling atas ke yang bawah) Bagaimana menggunakannya yuk simak tutorial di bawah ini

Cara Kerja CSS Multi Selector

---

#Content .content-inner p {font-color :red; font-size : 4pt;}

Kenapa pakai CSS begitu? Kenapa tidak langsung pakai selector p saja? Jika anda langsung meletakkan tag p saja, maka SEMUA elemen blog yang mengandung tag p (Baik di Main Page maupun di Post Blog), akan terkena settingan CSS itu, tetapi dengan format CSS diatas, maka hanya tag p yang berada di dalam id Content dan class content-inner saja yang diatur, sedangkan yang diluar itu tidak. Formatnya setiap selector harus diberi spasi

Kegunaan CSS Multi Selector

---

Lalu apa gunanya settingan ini? Gampangnya sih, supaya bisa mengatur bagian yang spesifik, walaupun masih bisa pakai selector class. Namun, bagaimana jika anda mengatur menu dropdown? tidak mungkin pakai class kan? Nah disinilah, kegunaan CSS Multi Selector. Lalu apakah tidak ada cara yang lebih praktis? Saat ini, masih belum ada cara yang praktis untuk mensubtitusi CSS multi selector, apalagi jika anda mengatur hal yang sensitif seperti tag <a>, <p>, <li>, dll. Dengan bantuan CSS multi selector ini, anda dapat mengatur semua itu (kecuali anda mau repot menuliskan span di setiap tag spesifik yang ingin anda atur).

Sekian dulu ya tutorialnya, sampai ketemu lain post. Terima kasih.

Tweet