Az osztály és az azonosító közötti különbség a CSS-ben

A CSS elem tulajdonságai gyakran vita tárgyát képezik a szakemberek és a rajongók között. Szükséges alkalmazni egyet vagy a másikt, mennyire célszerű azonos eredmény elérésére, melyik kód kevésbé költséges és helyesebb, és hasonló kérdéseket folyamatosan megvitatnak, ideértve az osztály- és id-attribútumok megérintését is.

Cikk tartalma

  • meghatározás
  • összehasonlítás
  • megállapítások

meghatározás

Div osztály - egy elem attribútuma, amely azt egy osztályhoz rendeli.

Div id - egy elem egyedileg azonosító attribútuma.

a tartalomhoz ↑

összehasonlítás

Az osztály és az azonosító közötti különbség a CSS-ben nem tekinthető kardinálisnak, és ezt vagy azt gyakran a szerző elfogultságától függően alkalmazzák. A fő különbség az osztály és az azonosító között az, hogy az első több elemhez adható, a második egyedi, és az oldal egyik eleméhez van hozzárendelve. A div id használatával elkerülhető a többszintű beágyazódás, amely div osztály használatakor jár.

Ezenkívül az id attribútum, az osztálytól eltérően, használható horgonykapcsolatokra is, ehhez elegendő megadni az elemét, és ehhez az elemhez horgonyként hivatkozni. Ezenkívül az id prioritást élvez a CSS táblázatban, ha azt az osztálytal egyidejűleg állítják be. Ez utóbbi viszont lehetővé teszi sok osztály alkalmazását egy elemre. Az osztálynevek szóközökkel írhatók, az ilyen hívás azonosítója nem jelenti. Az id további előnye az, hogy egy elemet kereshet a kódban ezen attribútum alapján a document.getElementById () függvény segítségével.

a tartalomhoz ↑

megállapítások

  1. Div osztály - osztályt rendel egy elemhez, div id - azonosítja.
  2. Az osztály több elemhez van rendelve, az azonosító az oldalon egyedi.
  3. Az osztályon keresztül egy elemhez több osztály rendelhető, és csak egy azonosítóhoz.
  4. A CSS prioritása azonosító.
  5. A kódkeresés az id attribútum alapján könnyebb.