Praneškite apie mus:


CSS id ir klasės selektorių skirtumas

0

Du dažniausiai naudojami css selektoriai yra id ir klasė. Klasė gali būti priskirta kiek reikia kartų skirtingiems elementams viename dokumente. Id gali būti tik vienas per visa dokumentą.



Klasės

Klasės selektorius yra patogus tada, kai turime keletą elementų, kuriems norime pritaikyti identiškas stiliaus taisykles. Tą pačią klasę galima priskirti ne tik keliems to pačio tipo elementams, bet ir kitiems elementams, kurie palaiko atributą class. Apie standartinius html atributus galite paskaityti HTML pamokose žinyno skiltyje, straipsnyje Standartiniai atributai

 

ID

Jei pridėsime tarkim elementui div kokį nors id, tokio pat id negalima pridėti jokiam kitam elementui, nesvarbu div ar ne. Kiekviena id reikšmė html dokumente turi būti unikali, todėl jei aprašome stiliaus taisykles per id selektorių, jas galėsime priskirti tik vienam elementui vieno krovimo metu.

 

Elementas su klase

Taip pat populiarus selektorius yra klasės susiaurinimas, pavyzdžiui css kodas:

 

1
2
3
div.klase {
border:1px solid #333;
}

 

suteiks visiem div elementams su class atributo reikšme klase pilko atspalvio, 1pikselio storio rėmelį.

 

E - elementas

Internete ieškant informacijos apie css selektorius dažnai surasite tokių žymėjimų:

 

1
2
3
E {
css-rule;
}

 

E reiškia elementą, pvz.: div, table, p, img ir kt.

Ši schema rodo galimybę suteikti norimas stiliaus taisykles kokios nors rūšies elementams, nesigilinant ar jie turi klasę/id ar ne. Pavyzdys:

 

1
2
3
div {
border:1px solid #333;
}

 

Visi div elementai taps su rėmeliais 1 pikselio storio, pilkos spalvos. Visi selektoriai aprašyti straipsnyje CSS selektoriai

Perskaityta: 3965 kartų

Lukas
Autorius: Lukas
El. paštas.: Šis el. pašto adresas yra apsaugotas nuo spam botų. Jum reikalingas įjungtas Javasctipt kad jį matytumėte
Manualai.lt tinklo autorius ir administratorius. VDU Energetikos Fizikos ir Verslo Informatikos studentas. LinkedIn
Raktažodžiai
pagrindai    css    klasės   
Patinka straipsnis?
Komentarai

Komentarų nėra. Norėdami komentuoti turite prisijungti