Css3
:not
biasa dituliskan seperti ini :not(selector)
sebagai contoh saya tulis Css seperti ini,#not :not(p){ background: green; }
Artinya : didalam
div
yang ber_ID not
akan terseleksi tag HTML yang bukan p
dan akan di berikan background hijau hasilnya akan seperti di bawah ini.Nah didalam tag
<div id='not'>
tag yang bukan p
adalah div
jadi div
tersebut di berikan background berwarna hijau begitulah fungsi selektor :not
ini. sekarang saya beri contoh keduaDalam contoh itu selektor
:not
akan menyeleksi li
yang bukan ber_kelas s
yang di berikan background hijau. dari pada anda masih bingung mending langsung praktek ini kodenya,<style> #not li { float: left; padding: 10px 20px; margin: 0 5px 0 0; background: #aad } #not li:not(.s) { background: green } </style> <div id='not'> <li class='s'>1</li> <li>2</li> <li>3</li> <li class='s'>4</li> <li>3</li> <li class='s'>4</li> <li>3</li> </div>
Masih pusing mau praktek dimana..? langsung saja nih Ke HTML EDITOR