Verschil tussen klasse en ID
Share
Klasse versus ID
Cascading Style Sheets (CSS) is een taal die het uiterlijk en de opmaak beschrijft van een document dat is geschreven met behulp van een opmaaktaal. CSS wordt veel gebruikt om webpagina's te maken die zijn geschreven in HTML. Met CSS kunt u uw eigen stijlselectors specificeren naast het toepassen van stijlen voor HTML-elementen. Dit gebeurt met behulp van de ID- en klasseselectoren. Bij het specificeren van een stijl voor een enkel uniek element, wordt de ID-selector gebruikt. Wanneer u een stijl voor een groep elementen opgeeft, wordt de klasse-selector gebruikt.
Wat is een klasse?
In CSS kan Class selector worden gebruikt om uw eigen stijl toe te passen op een groep elementen. De klasse-selector wordt gebruikt om een specifieke stijl toe te passen op een reeks elementen met dezelfde klasse. In CSS wordt een klassenkiezer geïdentificeerd door een punt (.). Hierna volgt een voorbeeld van een class selector gedefinieerd in CSS.
.mijn klas
kleur blauw;
lettertype: vet;
HTML kan verwijzen naar de klasse die is gedefinieerd in CSS door de kenmerkklasse te gebruiken zoals hieronder wordt weergegeven.
Dit is mijn formattering
Dit is mijn formattering opnieuw
Zoals hierboven getoond, kan dezelfde klasse voor meerdere elementen worden gebruikt en kan een enkel element meerdere klassen gebruiken. Wanneer meerdere klassen in hetzelfde element worden gebruikt, worden de klassen ingevoegd in het klassenattribuut begrensd door een spatie, zoals hieronder weergegeven..
Dit is mijn opmaak met behulp van twee klassen
Wat is een ID?
In CSS kan ID-selector worden gebruikt om uw eigen stijl toe te passen op één uniek element. In CSS wordt een ID-selector geïdentificeerd door een hash (#). Hierna volgt een voorbeeld van een ID selector gedefinieerd in CSS.
#Mijn ID
kleur rood;
text-align: right;
HTML kan verwijzen naar de ID-selector gedefinieerd in CSS door het kenmerk-ID te gebruiken zoals hieronder getoond.
Dit is mijn formatteringsformulier een ID-selector
ID's zijn uniek. Daarom kan elk element slechts één ID hebben en kan elke pagina slechts één element met dat specifieke ID bevatten. ID's hebben een belangrijk kenmerk dat kan worden gebruikt met een browser. Als de pagina-URL een hash-waarde bevat (bijvoorbeeld http: //myweb.com#my_id), probeert de browser het element automatisch te lokaliseren met de ID "my_id" en scrolt de webpagina om dat element weer te geven. Dit is een reden waarom de pagina een enkel element met die specifieke ID zou moeten hebben, zodat de browser dat element kan lokaliseren.
Wat is het verschil tussen Klasse en ID?
Hoewel zowel de Class-selector als de ID-selector kunnen worden gebruikt om uw eigen stijl toe te passen op elementen in een webpagina, hebben ze enkele belangrijke verschillen. Class selector kan worden gebruikt om uw eigen stijl toe te passen op een groep elementen, terwijl de ID-selector wordt gebruikt om een stijl toe te passen op een enkel, uniek element. Bij het gebruik van ID's kan elk element slechts één ID hebben en kan elke pagina slechts één element met die specifieke ID bevatten, maar Class kan voor meerdere elementen worden gebruikt en één element kan meerdere klassen gebruiken. Verder kan ID worden gebruikt om automatisch door een pagina te bladeren om het element met die ID weer te geven, maar dit is niet mogelijk met de klassenselectie.
