Ero luokan ja henkilöllisyyden välillä

Luokka vs. tunnus

CSS (CSS) on kieli, joka kuvaa merkintäkielellä kirjoitetun asiakirjan ulkoasua ja muotoilua. CSS: ää käytetään laajasti HTML-kirjoitettujen verkkosivujen tyyliin. CSS mahdollistaa omien tyylivalitsimien määrittämisen tyylien käyttämisen lisäksi HTML-elementeille. Tämä tapahtuu ID- ja luokanvalitsimilla. Kun määritellään tyyli yhdelle ainutlaatuiselle elementille, käytetään ID-valitsinta. Kun määritellään tyyli elementoryhmälle, käytetään luokan valitsinta.

Mikä on luokka?

CSS: ssä luokan valitsinta voidaan käyttää oman tyylisi soveltamiseen elementtiryhmään. Luokkavalitsinta käytetään tietyn tyylin soveltamiseen saman luokan elementtijoukkoon. CSS: ssä luokanvalitsin yksilöidään pisteellä (.). Seuraava on esimerkki CSS: ssä määritellystä luokanvalitsimesta.

.luokkani

väri: sininen;

kirjasinpaino: lihavoitu;

HTML voi viitata CSS: ssä määriteltyyn luokkaan käyttämällä attribuutin luokkaa alla esitetyllä tavalla.

Tämä on minun muotoiluni

Tämä on taas minun muotoiluni

Kuten yllä on esitetty, samaa luokkaa voitaisiin käyttää useille elementeille ja yksi elementti voi käyttää useita luokkia. Kun samassa elementissä käytetään useita luokkia, luokat lisätään luokan määritteeseen, joka on erotettu välilyönnillä alla osoitetulla tavalla..

Tämä on minun muotoiluni kahdella luokalla

Mikä on tunnus?

CSS: ssä ID-valitsinta voidaan käyttää oman tyylisi soveltamiseen yksittäiseen yksilölliseen elementtiin. CSS: ssä ID-valitsin tunnistetaan hajautuksella (#). Seuraava on esimerkki CSS: ssä määritellystä ID-valitsimesta.

#minun henkilötietoni

väri punainen;

text-align: oikea;

HTML voi viitata CSS: ssä määritettyyn ID-valitsimeen käyttämällä määritteen tunnusta alla osoitetulla tavalla.

Tämä on ID-valitsimen muotoilu

Tunnukset ovat ainutlaatuisia. Siksi jokaisella elementillä voi olla vain yksi tunnus ja jokaisella sivulla voi olla vain yksi elementti, jolla on kyseinen tunnus. Tunnuksilla on tärkeä ominaisuus, jota voidaan käyttää selaimen kanssa. Jos sivun URL-osoitteessa on hash-arvo (esim. Http: //omaverkkotunnus#my_id), selain yrittää paikantaa elementin automaattisesti tunnuksella “my_id” ja vierittää verkkosivua nähdäksesi kyseisen elementin. Tämä on yksi syy siihen, miksi sivulla pitäisi olla yksi elementti, jolla on kyseinen tunnus, jotta selain voi löytää kyseisen elementin.

Mitä eroa luokan ja tunnuksen välillä on??

Vaikka luokkavalitsinta ja ID-valitsinta voidaan käyttää oman tyylisi soveltamiseen verkkosivun elementteihin, niillä on joitain tärkeitä eroja. Luokanvalitsinta voidaan käyttää oman tyylisi soveltamiseen elementtiryhmään, kun taas ID-valitsinta käytetään tyylin soveltamiseen yksittäiseen, ainutlaatuiseen elementtiin. Kun käytetään tunnuksia, jokaisella elementillä voi olla vain yksi tunnus ja jokaisella sivulla voi olla vain yksi elementti, jolla on kyseinen tunnus, mutta luokkaa voitaisiin käyttää useille elementeille ja yksi elementti voi käyttää useita luokkia. Lisäksi ID: tä voidaan käyttää sivun vierittämiseen automaattisesti, jotta näytetään elementti, jolla on kyseinen tunnus, mutta tämä ei ole mahdollista luokanvalitsimella.