Osztály vs ID
Cascading Style Sheets (CSS) egy olyan nyelv, amely leírja a jelölőnyelv használatával írt dokumentumok megjelenését és formázását. A CSS-t széles körben használják a HTML-ben írt weboldalak stílusának kialakítására. A CSS lehetővé teszi saját stílusválasztók megadását a HTML elemek stílusának alkalmazása mellett. Ez az azonosító és osztályválasztók használatával történik. Ha stílust ad meg egyetlen egyedi elemhez, akkor a rendszer az ID választót használja. Amikor stílust adunk meg egy elemcsoporthoz, az osztályválasztót használjuk.
Mi az osztály?
A CSS-ben az Osztályválasztó segítségével saját stílusát alkalmazhatja egy elemcsoportra. Az Osztályválasztó arra szolgál, hogy egy adott stílust alkalmazzon az azonos osztályú elemek halmazára. A CSS-ben az osztályválasztót egy pont (.) azonosítja. Az alábbiakban egy példa látható a CSS-ben definiált osztályválasztóra.
.my_class {
szín: kék;
font-weight: félkövér;
}
A HTML hivatkozhat a CSS-ben meghatározott osztályra az alábbi attribútumosztály használatával.
Ez az én formázásom
Már megint ez az én formázásom
Amint fentebb látható, ugyanaz az osztály több elemhez is használható, és egyetlen elem több osztályt is használhat. Ha több osztályt használ ugyanabban az elemben, az osztályok beszúródnak az osztály attribútumába, szóközzel elválasztva, ahogy az alábbiakban látható.
Ez az én formázásom két osztály használatával
Mi az azonosító?
A CSS-ben az azonosító választó segítségével saját stílusát alkalmazhatja egyetlen egyedi elemre. A CSS-ben az ID-választót egy hash () azonosítja. Az alábbiakban egy példa látható a CSS-ben definiált ID-választóra.
my_ID {
szín: piros;
text-align:right;
}
A HTML hivatkozhat a CSS-ben meghatározott azonosító választóra az attribútumazonosító használatával, ahogy az alábbiakban látható.
Ez az én formázásom az azonosító választóból
Az azonosítók egyediek. Ezért minden elemnek csak egyetlen azonosítója lehet, és minden oldalnak csak egyetlen eleme lehet az adott azonosítóval. Az azonosítóknak van egy fontos tulajdonságuk, amely böngészővel használható. Ha az oldal URL-je hash értéket tartalmaz (pl. https://myweb.commy_id), a böngésző megpróbálja automatikusan megkeresni a „my_id” azonosítójú elemet, és görgeti a webold alt az elem megjelenítéséhez. Ez az egyik oka annak, hogy az oldalnak egyetlen elemnek kell lennie az adott azonosítóval, hogy a böngésző megtalálhassa az elemet.
Mi a különbség az osztály és az azonosító között?
Annak ellenére, hogy mind az Osztályválasztó, mind az azonosítóválasztó használható saját stílusának alkalmazására a weboldal elemeire, van néhány fontos különbség. Az Osztályválasztóval saját stílusát alkalmazhatja egy elemcsoportra, míg az ID-választóval egy stílust egyetlen egyedi elemre alkalmazhat. Az azonosítók használatakor minden elemnek csak egyetlen azonosítója lehet, és minden oldalnak csak egyetlen eleme lehet az adott azonosítóval, de az osztály több elemhez is használható, és egyetlen elem több osztályt is használhat. Ezenkívül az azonosító használható az oldal automatikus görgetésére az adott azonosítóval rendelkező elem megjelenítéséhez, de ez nem lehetséges az osztályválasztóval.
