Monday, June 11, 2012

Id Selector CSS

Di HTML, nilai atribut ID merupakan satu pengenal yang unik bagi suatu elemen.

Di CSS, berdasarkan pengenal unik itu, memungkinkan anda memberikan aturan CSS menggunakan Id selector.

Penulisan Id selector:

  • Awali dengan #, kemudian diikuti pengenalnya.

    Contoh kode di bawah ini akan memberikan dampak aturan CSS hanya untuk elemen ber-ID 'myID':

    #myID { /*di sini kode-kode css*/ }

    Atau

  • Awali dengan nama elemen, kemudian #, lalu pengenalnya.

    Contoh kode di bawah akan memberikan dampak aturan CSS hanya untuk elemen P ber-ID 'myID':

    P#myID { /*di sini kode-kode css*/ }

Kedua bentuk penulisan di atas sama saja, tetapi bentuk kedua lebih spesifik.

Contoh kode di bawah akan memberikan dampaknya hanya kepada elemen P ber-ID 'lorem':

P#lorem { color: red; text-align: center; }

Dan elemen P ber-ID 'lorem' itu seperti berikut:

<P ID="lorem">Lorem ipsum....</P>

Silahkan lihat juga Class Selector CSS.