CSS3 telah hadir dengan fitur unggulan yaitu pseudo-classes yang sangat membantu para developer dalam mengembangkan produknya. Selain fitur itu, masih banyak fitur lainnya yang tidak kalah tangguhnya, seperti transition, gradient dan shadow. Dari sekian banyak fitur yang "megah" itu, lantas para developer CSS4 sudah puas? belum, mereka pasti tengah mengembangkan fitur lainnya yang tidak kalah "megah" dari CSS3. Walaupun belum banyak yang tahu tentang CSS4, tapi ada beberapa kemungkinan yang bisa kita temukan di CSS4 nanti. Ya, kemungkinan itu di antaranya fitur:


1. Penambahan fitur :nth-match(an+b of selector-list)
2. Penambahan fitur :matches, :not
3. Penambahan fitur :scope
4. dan masih banyak lagi tambahan pseudo-classes seperti: :column, :nth-column, :nth-last-column, :past, :future

Sedikit keterangan penggunaan dari beberapa fitur di atas.

Penggunaan :matches

Misal kita mempunyai style seperti ini

ul.menu li a:link,
ul.topmenu li a:hover,
ul.topmenu li a:visited,
ul.topmenu li a:focus {
   border-left:1px solid #999;
}

Dengan :matches, kita bisa memendekkan kode menjadi seperti ini

ul.topmenu li a:matches(:link, :hover, :visited, :focus) {
   border-left:1px solid #999;
}

Kode di atas artinya, semua element anchor "a" yang ketika di hover atau statusnya sudah visited atau di focus(di click) maka akan ada garis di kiri sebesar 1px berwarna #999.

Penggunaan :not

ul.topmenu li:not(.active, .current){
color:#333;
}

Artinya, semua element "li" yang tidak mempunyai class active atau current, maka akan berwarna #333.

Penggunaan :nth-match

ul.topmenu li:nth-match(even of .active){
color:#000;
}

Artinya, setiap urutan element "li" yang bernilai even(genap) yang mempunyai class active, maka akan diberi warna #000.

Masih banyak lagi fitur lainnya dan saya belum bisa memberi contoh penggunaan satu-persatu dari fitur tersebut.

Bagaimana? sudah tidak sabar menantikan rilis CSS4? Ga juga, biasa saja! :D
Happy Ngoprek! CSS3 telah hadir dengan fitur unggulan yaitu pseudo-classes yang sangat membantu para developer dalam mengembangkan produknya. Selain fit...