Skillnad mellan klass och ID

Klass vs ID

Cascading Style Sheets (CSS) är ett språk som beskriver utseendet och formateringen av ett dokument som är skrivet med ett spårningsspråk. CSS används ofta för att utforma webbsidor skrivna i HTML. CSS tillåter att du anger dina egna stilväljare utöver att tillämpa stilar för HTML-element. Detta görs med hjälp av ID och klassväljare. När du anger en stil för ett enda unikt element används ID-väljaren. När du anger en stil för en grupp av element används klassväljaren.

Vad är en klass?

I CSS kan klassväljaren användas för att tillämpa din egen stil på en grupp av element. Klassväljaren används för att tillämpa en specifik stil på en uppsättning element med samma klass. I CSS identifieras en klassväljare med ett helt stopp (.). Följande är ett exempel på en klassväljare som definieras i CSS.

.min klass

färgen blå;

font-weight: bold;

HTML kan referera till klassen definierad i CSS genom att använda attributklassen som visas nedan.

Detta är min formatering

Det här är min formatering igen

Som visas ovan kan samma klass användas för flera element och ett enda element kan använda flera klasser. När flera klasser används i samma element läggs klasserna in i klassattributet avgränsat av ett mellanslag som visas nedan.

Detta är min formatering med två klasser

Vad är ett ID?

I CSS kan ID-väljaren användas för att tillämpa din egen stil på ett enda unikt element. I CSS identifieras en ID-väljare med en hash (#). Följande är ett exempel på en ID-väljare som definieras i CSS.

#mitt ID

färgen röd;

text-align: right;

HTML kan referera till ID-väljaren definierad i CSS genom att använda attribut-id som visas nedan.

Detta är mitt formateringsformulär en ID-väljare

ID: er är unika. Därför kan varje element bara ha ett enda ID och varje sida kan bara ha ett enda element med det specifika ID-numret. ID-er har en viktig egenskap som kan användas med en webbläsare. Om sidadressen innehåller ett hashvärde (t ex http: //myweb.com#my_id), försöker webbläsaren automatiskt hitta elementet med ID "my_id" och bläddra på webbsidan för att visa det elementet. Detta är en orsak till att sidan ska ha ett enda element med det specifika ID-en, så att webbläsaren kan hitta det elementet.

Vad är skillnaden mellan klass och id?

Även om både klassväljaren och ID-väljaren kan användas för att tillämpa din egen stil på element på en webbsida, har de några viktiga skillnader. Klassväljaren kan användas för att tillämpa din egen stil på en grupp av element, medan ID-väljaren används för att tillämpa en stil på ett enda unikt element. När du använder ID-filer kan varje element bara ha ett enda ID och varje sida kan bara ha ett enda element med det specifika ID, men klassen kan användas för flera element och ett enda element kan använda flera klasser. Vidare kan ID användas för att bläddra en sida automatiskt för att visa elementet med det ID, men det går inte att göra med klassväljaren.