Sinif vs ID
Cascading Style Sheets (CSS) işarələmə dili ilə yazılmış sənədin görünüşünü və formatını təsvir edən dildir. CSS-dən HTML-də yazılmış veb səhifələrin üslubu üçün geniş istifadə olunur. CSS HTML elementləri üçün üslub tətbiq etməklə yanaşı, öz stil seçicilərinizi təyin etməyə imkan verir. Bu, ID və sinif seçicilərindən istifadə etməklə edilir. Vahid unikal element üçün üslub təyin edilərkən ID selektorundan istifadə olunur. Elementlər qrupu üçün üslub təyin edilərkən sinif seçicisindən istifadə olunur.
Sinif nədir?
CSS-də Sinif seçicisi öz üslubunuzu elementlər qrupuna tətbiq etmək üçün istifadə edilə bilər. Sinif seçicisi eyni sinfə malik elementlər dəstinə xüsusi üslub tətbiq etmək üçün istifadə olunur. CSS-də sinif seçicisi nöqtə (.) ilə müəyyən edilir. Aşağıda CSS-də müəyyən edilmiş sinif seçicisinin nümunəsi verilmişdir.
.sinifim {
rəng: mavi;
şrift çəkisi: qalın;
}
HTML aşağıda göstərildiyi kimi atribut sinfindən istifadə etməklə CSS-də müəyyən edilmiş sinfə istinad edə bilər.
Bu mənim formatımdır
Bu mənim yenidən formatımdır
Yuxarıda göstərildiyi kimi, eyni sinif birdən çox element üçün istifadə edilə bilər və bir element birdən çox sinifdən istifadə edə bilər. Eyni elementdə bir neçə sinif istifadə edildikdə, siniflər aşağıda göstərildiyi kimi boşluqla ayrılmış sinif atributuna daxil edilir.
Bu mənim iki sinifdən istifadə edərək formatlaşdırmamdır
Şəxsiyyət vəsiqəsi nədir?
CSS-də ID selektoru tək unikal elementə öz stilinizi tətbiq etmək üçün istifadə edilə bilər. CSS-də ID seçicisi hash () ilə müəyyən edilir. Aşağıda CSS-də müəyyən edilmiş ID seçicisinin nümunəsi verilmişdir.
mənim_kimliyim {
rəng: qırmızı;
text-align:sağa;
}
HTML aşağıda göstərildiyi kimi atribut id-dən istifadə etməklə CSS-də müəyyən edilmiş ID selektoruna istinad edə bilər.
Bu mənim ID selektoru formatımdır
İD-lər unikaldır. Buna görə də, hər bir elementin yalnız bir ID-si ola bilər və hər bir səhifənin həmin xüsusi ID ilə yalnız bir elementi ola bilər. İdentifikatorlar brauzerlə istifadə edilə bilən mühüm xüsusiyyətə malikdir. Səhifənin URL-ində hash dəyəri varsa (məsələn, https://myweb.commy_id) brauzer avtomatik olaraq “my_id” identifikatoru olan elementi tapmağa və həmin elementi göstərmək üçün veb səhifəni sürüşdürməyə çalışacaq. Bu, brauzerin həmin elementi tapa bilməsi üçün səhifənin həmin xüsusi ID ilə tək elementə malik olmasının bir səbəbidir.
Sinif və ID arasındakı fərq nədir?
Həm Sinif seçicisi, həm də ID selektoru veb səhifədəki elementlərə öz üslubunuzu tətbiq etmək üçün istifadə oluna bilsə də, onların bəzi mühüm fərqləri var. Sinif seçicisi öz üslubunuzu elementlər qrupuna tətbiq etmək üçün istifadə oluna bilər, ID selektoru isə üslubu tək, unikal elementə tətbiq etmək üçün istifadə olunur. İdentifikatorlardan istifadə edərkən hər bir elementin yalnız bir ID-si ola bilər və hər bir səhifənin həmin xüsusi ID-yə malik bir elementi ola bilər, lakin Class birdən çox element üçün istifadə edilə bilər və bir element birdən çox Sinifdən istifadə edə bilər. Bundan əlavə, ID həmin ID ilə elementi göstərmək üçün səhifəni avtomatik sürüşdürmək üçün istifadə edilə bilər, lakin bu, sinif seçicisi ilə mümkün deyil.