Különbség az osztály és az azonosító között

Osztály vs ID

Cascading Style Sheets (CSS) egy 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 HTML-ben írt weboldalak stílusához. A CSS lehetővé teszi a stílusválasztók meghatározását a stílusok HTML elemekhez történő alkalmazása mellett. Ez az azonosító és az osztályválasztók segítségével történik. Ha egy egyedi elem stílusát határoz meg, akkor az azonosítóválasztót kell használni. Az elemcsoport stílusának meghatározásakor az osztályválasztót kell használni.

Mi az osztály??

A CSS-ben az Osztályválasztó használható a saját stílusának alkalmazására egy elemcsoportra. Az Osztályválasztót arra használják, hogy egy adott stílust alkalmazzon az azonos osztályú elemkészletre. A CSS-ben az osztályválasztót egy teljes pont jelöli (.). Az alábbiakban bemutatunk egy példát a CSS-ben meghatározott osztályválasztóra.

.az osztályom

szín: kék;

betűsúly: félkövér;

A HTML utalhat a CSS-ben meghatározott osztályra az alábbi attribútum osztály használatával.

Ez az én formázásom

Ez ismét a formázásom

Mint 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álnak ugyanabban az elemben, akkor az osztályokat beillesztik az osztály attribútumba, amelyet szóköz szét határol, mint az alább látható.

Ez az én formázásom két osztály felhasználásával

Mi az a személyi igazolvány??

A CSS-ben az ID-választóval felhasználható a saját stílusa egyetlen egyedi elemre. A CSS-ben az azonosítóválasztót hash (#) jelöli. Az alábbiakban bemutatunk egy példát egy CSS-ben meghatározott azonosító-választóra.

#az én személyi azonosítóm

piros szín;

text-align: right;

A HTML utalhat a CSS-ben meghatározott azonosító-választóra az alábbi azonosítójú azonosító használatával:.

Ez az én formátumom az ID-választóhoz

Az azonosítók egyediek. Ezért minden elemnek csak egyetlen azonosítója lehet, és minden oldal csak egyetlen elemmel rendelkezik az adott azonosítóval. Az azonosítóknak van egy fontos tulajdonsága, amelyet böngészővel lehet használni. Ha az oldal URL-je hash értéket tartalmaz (például http: //myweb.com#my_id), a böngésző megpróbálja automatikusan megtalálni az elemet „my_id” azonosítóval, és görgeti a weboldalt az elem megjelenítéséhez. Ez az egyik oka annak, hogy az oldalnak egyetlen elemmel kell rendelkeznie 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ó segítségével fel lehet használni a saját stílusát a weblap elemeire, vannak néhány fontos különbség. Az Osztályválasztó felhasználhatja a saját stílusának alkalmazását egy elemcsoportra, míg az ID-szelektor segítségével a stílus alkalmazható egyetlen, egyedi elemre. Azonosító használatakor minden elemnek csak egyetlen azonosítója lehet, és minden oldal csak egyetlen elemmel rendelkezhet az adott azonosítóval, de az osztály több elemhez használható, és egyetlen elem több osztályt is használhat. Ezenkívül az ID felhasználható egy oldal automatikus görgetésére az azonosítóval rendelkező elem megjelenítéséhez, de az osztályválasztóval ez nem lehetséges.