Selector id dalam Cascading Style Sheet (CSS)

Adalah selector yang memilih semua tag yang mempunyai nilai yang sesuai dari atrribut id.

Selector ini bertujuan untuk memilih satu elemen yang mempunyai id tertentu saja.

Pembuatan id dalam CSS

Syntax:

#namaID{ kode cssmu }

Keterangan:

Selector id dimulai dengan tanda #

Pembuatan kode dalam HTML

Contoh:

Buatlah sebuah file bernama id.html dan masukkan kode berikut ini:

<head>

<style>

#tebalMiring{ color:blue; font-weight:bold; font-style:italic }

</style>

</head>

<body>

<b>Bola.net</b> - Josep Guardiola baru saja mengantarkan Bayern Munchen lolos ke perempat final Liga Champions 2015/15. Bayern besutan Guardiola menyingkirkan <span id="tebalMiring">Juventus</span> untuk melangkah ke delapan besar.

Selama tujuh musim menjadi pelatih, ada satu tren yang selalu berhasil dipertahankan Guardiola. Dia tak pernah gagal membawa tim asuhannya melangkah minimal sampai perempat final kompetisi elit Eropa ini.

</body>

Keterangan:

<span id="tebalMiring">Juventus</span>, kode ini berarti tulisan Juventus akan berwarna biru dan menjadi tebal serta miring ke kanan.

Hasil:

Klik 2x nama file HTML-mu maka pada browser akan tampil seperti berikut ini:

Bola.net - Josep Guardiola baru saja mengantarkan Bayern Munchen lolos ke perempat final Liga Champions 2015/15. Bayern besutan Guardiola menyingkirkan Juventus untuk melangkah ke delapan besar. Selama tujuh musim menjadi pelatih, ada satu tren yang selalu berhasil dipertahankan Guardiola. Dia tak pernah gagal membawa tim asuhannya melangkah minimal sampai perempat final kompetisi elit Eropa ini.
2016 © Fahmi Basya Kartapura