Selector Paling Sederhana Di Css

Selector paling sederhana di CSS memiliki bentuk:

Di mana E yaitu elemen yang terkena dampak.

Contoh aba-aba di bawah ini memperlihatkan efek kepada setiap elemen P dengan warna teks hijau, tidak terkecuali kepada setiap elemen P yang ber-ID atau ber-CLASS, selama mereka belum mendapat pengaturan properti color:

P { color: green; }

Contoh aba-aba lagi:

P { color: green; } P.myClass { color: red; } P#myID { color: blue; }

Dan contohnya elemen-elemen HTML itu adalah:

Alinea 1. Alinea 2. Alinea 3. Alinea 4.

Akan menjadi:

Untuk “Alinea 1.” dan “Alinea 2.” dipastikan teksnya terkena efek warna hijau, berdasar dari:

P { color: green; }

Untuk “Alinea 3.” akan terkena efek teksnya ke warna merah, berdasar dari:

P.myClass { color: red; }

Untuk “Alinea 4.” akan terkena efek teksnya ke warna biru, berdasar dari:

P#myID { color: blue; }

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

Ahmad Code