CSS Id dan Class

Id dan kelas Selektor 

Selain menetapkan style untuk elemen HTML, CSS memungkinkan anda untuk menentukan selektor anda sendiri yang disebut "id" dan "class". 



Id Selektor 

Selektor id digunakan untuk menentukan gaya untuk satu, elemen yang unik. Selektor id menggunakan atribut id dari elemen HTML, dan didefinisikan dengan "#". Aturan style di bawah ini akan diterapkan pada elemen dengan id = "para1":

#para1
{
text-align:center;
color:red;
}


Note: JANGAN memulai nama ID dengan angka! Ini tidak akan bekerja di Mozilla / Firefox.



Class Selektor

Class digunakan untuk menentukan style untuk sekelompok elemen. Berbeda dengan id, class bisa digunakan pada beberapa elemen. Hal ini memungkinkan anda untuk menetapkan gaya tertentu untuk setiap elemen HTML dengan class yang sama.


Class menggunakan atribut class HTML, dan didefinisikan dengan "." . Contoh di bawah ini, semua elemen HTML dengan class = "center":


.center {text-align:center;}


Anda juga dapat menentukan bahwa elemen HTML hanya untuk elemen khusu pada class tertentu. 

Contoh di bawah ini, semua elemen p dengan class = "center":


p.center {text-align:center;}
 
Bagikan halaman ke sosial media
 
 
 

   Komentar Anda