Jumat, 06 Juli 2012

Pembahasan Css3 :not



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 kedua


Dalam 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