Osztály és azonosító közötti különbség

Anonim

Osztály vs ID

A CSS (Cascading Style Sheets) egy olyan nyelv, amely egy jelölőnyelvvel írt dokumentum megjelenését és formázását írja le. A CSS-t széles körben használják a HTML-ben írt weblapok formázására. A CSS lehetővé teszi saját stíluskiválasztóinak megadását a HTML elemek stílusainak alkalmazása mellett. Ezt az azonosítóval és az osztálykiválasztókkal végezzük. Egyetlen egyedi elemre vonatkozó stílus meghatározásakor az ID-választó használatban van. Az elemcsoportok stílusának megadása esetén az osztályválasztót használják.

Mi az osztály?

A CSS-ben az osztálykiválasztó segítségével saját stílusát alkalmazhatjuk egy elemcsoportra. Az osztályválasztó egy adott stílus alkalmazására szolgál ugyanazon osztályú elemek készletéhez. A CSS-ben egy osztálykapcsolót egy teljes stop (.) Azonosít. A következőkben egy CSS-ben definiált osztálykapcsoló példája látható.

. my_class {

szín: kék;

font-weight: bold;

}

A HTML a CSS-ben definiált osztályra utalhat az attribútumosztály használatával.

Ez az én formázás

Ez a formázás újra

Amint fentebb látható, 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álunk ugyanabban az elemben, akkor az osztályok beillesztésre kerülnek az osztályok attribútumához, amelyet egy, a következő ábrán látható mező határol.

Ez az én formázás két osztályból

Mi az azonosító?

A CSS-ben az ID-választó segítségével saját stílusát egyetlen egyedi elemre alkalmazhatja. A CSS-ben egy ID-választót egy hash (#) azonosít. A következő példa egy CSS-ben definiált ID-választó.

#my_ID {

szín: piros;

text-align: jobb;

}

A HTML a CSS-ben definiált azonosítókapcsolót az attribútumazonosító segítségével jeleníti meg.

Ez az én formázási űrlapom egy ID választó

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ók fontos jellemzőkkel rendelkeznek, amelyet a böngészővel lehet használni. Ha az oldal URL-je hash értéket tartalmaz (pl.: // myweb. Com # my_id), a böngésző automatikusan megtalálja az "my_id" azonosítóval rendelkező elemet, és görgeti a weboldalt az elem megjelenítéséhez. Ez egy oka annak, hogy az oldalnak egyetlen eleme legyen az adott azonosítóval, így a böngésző megtalálhatja azt.

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ókapcsoló saját stílusát alkalmazhatja egy weboldal elemeihez, ezeknek fontos különbségei vannak. Az osztálykiválasztó segítségével saját stílusát egy elemcsoportra alkalmazhatja, míg az azonosító választó segítségével egy stílus egyetlen egyedi elemre alkalmazható. Amikor ID-t használ, minden egyes 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 ID segítségével az oldal automatikusan eltolható az elem megjelenítéséhez, de ez nem lehetséges az osztályválasztóval.