Osztály vs azonosító
A Cascading Style Sheets (CSS) olyan nyelv, amely leírja a jelölőnyelven írt dokumentum 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ához. A CSS lehetővé teszi a saját stílusválasztók megadását a HTML elemek stílusainak alkalmazása mellett. Ez az azonosító és az osztályválasztók segítségével történik. Egy egyedi elem stílusának megadásakor az azonosító választót használja. Az elemcsoport stílusának megadásakor az osztályválasztót kell használni.
Mi az osztály?
A CSS-ben az Osztályválasztó segítségével saját stílusa alkalmazható egy elemcsoportra. Az Osztályválasztóval egy adott stílust lehet alkalmazni ugyanazon osztályú elemek halmazára. A CSS-ben az osztályválasztót pont jelöli (.). Az alábbiakban bemutatunk egy példát a CSS-ben definiált osztályválasztóra.
.az osztályom {
szín: kék;
betű súlya: félkövér;
}
A HTML a CSS-ben definiált osztályra utalhat az attribútum osztály használatával, amint az alább látható.
Ez az én formázásom
Újra ez a formázásom
Mint fentebb bemutattuk, ugyanaz az osztály használható több elemhez, és egyetlen elem több osztályt is használhat. Ha több osztályt használnak ugyanabban az elemben, akkor az osztályokat beillesztik a szóközzel elválasztott class attribútumba.
Ez az én formázásom két osztály használatával
Mi az azonosító?
A CSS-ben az ID-választóval saját stílusa alkalmazható egyetlen egyedi elemre. A CSS-ben az ID-választót hash (#) azonosítja. Az alábbiakban bemutatjuk a CSS-ben definiált azonosító választót.
#az én személyi azonosítóm {
piros szín;
text-align: right;
}
A HTML hivatkozhat a CSS-ben definiált ID-választóra az attribútumazonosító használatával, amint az alább 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 fontos jellemzőjük van, amelyek böngészővel használhatók. Ha az oldal URL-je hash értéket tartalmaz (pl. Http: //myweb.com#my_id), a böngésző megpróbálja automatikusan megkeresni az elemet a „my_id” azonosítóval, és görgetni kell a weblapot 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álja ezt 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ó alkalmazható a saját stílusának a weblap elemeire való alkalmazására, ezeknek vannak néhány fontos különbségük. Az Osztályválasztó segítségével saját stílusát alkalmazhatja egy elemcsoportra, míg az ID választót arra használhatja, hogy egy stílust egyetlen, egyedi elemre alkalmazzon. 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 a Class használható több elemhez, és egyetlen elem több Class-ot is használhat. Ezenkívül az ID használható egy oldal automatikus görgetésére az azonosítóval rendelkező elem megjelenítéséhez, de ez nem lehetséges az osztályválasztóval.
