Różnica między klasą a dowodem tożsamości

Klasa vs ID

Cascading Style Sheets (CSS) to język opisujący wygląd i formatowanie dokumentu napisanego przy użyciu języka znaczników. CSS jest szeroko stosowany do stylizacji stron internetowych napisanych w HTML. CSS pozwala określić własne selektory stylów oprócz stosowania stylów dla elementów HTML. Odbywa się to za pomocą selektorów identyfikatora i klasy. Podczas określania stylu dla pojedynczego unikalnego elementu używany jest selektor ID. Podczas określania stylu dla grupy elementów używany jest selektor klasy.

Co to jest klasa?

W CSS za pomocą Selektora klas można zastosować własny styl do grupy elementów. Selektor klasy służy do zastosowania określonego stylu do zestawu elementów o tej samej klasie. W CSS selektor klasy jest identyfikowany przez kropkę (.). Poniżej znajduje się przykład selektora klasy zdefiniowanego w CSS.

.moja klasa

kolor niebieski;

font-weight: pogrubiony;

HTML może odnosić się do klasy zdefiniowanej w CSS za pomocą klasy atrybutu, jak pokazano poniżej.

To jest moje formatowanie

To znowu moje formatowanie

Jak pokazano powyżej, ta sama klasa może być użyta dla wielu elementów, a jeden element może używać wielu klas. Gdy w tym samym elemencie używanych jest wiele klas, klasy są wstawiane do atrybutu klasy ograniczonego spacją, jak pokazano poniżej.

To jest moje formatowanie przy użyciu dwóch klas

Co to jest identyfikator?

W CSS selektora ID można użyć do zastosowania własnego stylu do pojedynczego unikalnego elementu. W CSS selektor identyfikatora jest identyfikowany przez skrót (#). Poniżej znajduje się przykład selektora identyfikatora zdefiniowanego w CSS.

#mój dokument tożsamości

kolor czerwony;

wyrównanie tekstu: prawo;

HTML może odwoływać się do selektora identyfikatora zdefiniowanego w CSS za pomocą identyfikatora atrybutu, jak pokazano poniżej.

To jest moje formatowanie z selektora ID

Identyfikatory są unikalne. Dlatego każdy element może mieć tylko jeden identyfikator, a każda strona może mieć tylko jeden element o tym określonym identyfikatorze. Identyfikatory mają ważną cechę, której można używać w przeglądarce. Jeśli adres URL strony zawiera wartość skrótu (np. Http: //myweb.com#my_id), przeglądarka spróbuje automatycznie zlokalizować element o identyfikatorze „my_id” i przewinąć stronę internetową, aby wyświetlić ten element. Jest to jeden z powodów, dla których strona powinna mieć pojedynczy element o tym konkretnym identyfikatorze, aby przeglądarka mogła go zlokalizować.

Jaka jest różnica między klasą a dowodem tożsamości?

Chociaż zarówno selektor klasy, jak i selektor identyfikatora mogą być użyte do zastosowania własnego stylu do elementów na stronie internetowej, istnieją pewne ważne różnice. Selektora klas można użyć do zastosowania własnego stylu do grupy elementów, natomiast selektora ID można zastosować styl do pojedynczego, unikalnego elementu. Podczas korzystania z identyfikatorów każdy element może mieć tylko jeden identyfikator, a każda strona może mieć tylko jeden element o tym konkretnym identyfikatorze, ale klasa może być używana do wielu elementów, a jeden element może używać wielu klas. Ponadto można użyć identyfikatora do automatycznego przewijania strony w celu wyświetlenia elementu o tym identyfikatorze, ale nie jest to możliwe w przypadku selektora klasy.