Beberapa Selektor Baru pada CSS3

CSS3 telah membawa cukup banyak perubahan elemen baru dari CSS versi sebelumnya. Ini memungkinkan web designer untuk menerapkan desain jauh lebih mudah dan lebih cepat dari sebelumnya.

Selektor baru dari CSS3 ini tidak didukung oleh browser IE termasuk IE8, tetapi browser lain seperti Safari, Firefox dan Opera dapat kita jalankan.

Berikut adalah beberapa selektor terbaru dari CSS3:

1. Alternate Row Styling

Alternate Row Styling digunakan untuk memberikan perbedaan gaya atau elemen CSS pada Row ganjil dan genap. Ini biasanya digunakan untuk membuat zebra table.

CSS:

Demo:

2. Specific Row Styling

Sama seperti Alternate Row Styling, namun Specific Row Styling lebih spesifik pada Row yang akan diberikan elemen CSS.

CSS:

Demo:

3. First and Last Element Styling

Digunakan untuk memberikan gaya atau elemen CSS pada Row pertama atau terakhir.

CSS:

Demo:

4. Styling Enabled and Disabled Input Fields

Digunakan untuk memberikan gaya pada input form aktif dan yang tidak aktif.

CSS:

Demo: