Klasa a ID
Kaskadowe arkusze stylów (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 umożliwia określenie własnych selektorów stylu oprócz stosowania stylów dla elementów HTML. Odbywa się to za pomocą selektorów ID i klasy. Podczas określania stylu dla pojedynczego unikalnego elementu używany jest selektor identyfikatora. Podczas określania stylu dla grupy elementów używany jest selektor klasy.
Co to jest klasa?
W CSS selektor klas może być użyty do nadania własnego stylu grupie 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 oznaczony kropką (.). Poniżej znajduje się przykład selektora klas zdefiniowanego w CSS.
.moja klasa {
kolor niebieski;
font-weight: pogrubienie;
}
HTML może odwoływać się do klasy zdefiniowanej w CSS przy użyciu klasy atrybutów, jak pokazano poniżej.
To jest moje formatowanie
To jest znowu moje formatowanie
Jak pokazano powyżej, ta sama klasa może być używana dla wielu elementów, a jeden element może używać wielu klas. Gdy wiele klas jest używanych w tym samym elemencie, klasy są wstawiane do atrybutu klasy rozdzielanego spacją, jak pokazano poniżej.
To jest moje formatowanie przy użyciu dwóch klas
Co to jest identyfikator?
W CSS, selektor ID może być użyty do zastosowania własnego stylu do pojedynczego unikalnego elementu. W CSS selektor identyfikatora jest oznaczony krzyżykiem (#). Poniżej znajduje się przykład selektora identyfikatora zdefiniowanego w CSS.
#mój dokument tożsamości {
kolor czerwony;
wyrównywanie tekstu: do prawej;
}
HTML może odwoływać się do selektora identyfikatora zdefiniowanego w CSS za pomocą atrybutu id, jak pokazano poniżej.
To jest moje formatowanie z selektora identyfikatora
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 z tym konkretnym identyfikatorem, aby przeglądarka mogła zlokalizować ten element.
Jaka jest różnica między klasą a identyfikatorem?
Mimo że zarówno selektor klasy, jak i selektor identyfikatora mogą służyć do nadawania własnego stylu elementom na stronie internetowej, mają one kilka ważnych różnic. Selektor klasy może służyć do nadawania własnego stylu grupie elementów, natomiast selektor identyfikatora służy do stosowania stylu 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 z tym określonym identyfikatorem, ale klasa może być używana dla wielu elementów, a jeden element może mieć wiele klas. Ponadto identyfikator może służyć do automatycznego przewijania strony w celu wyświetlenia elementu o tym identyfikatorze, ale nie jest to możliwe w przypadku selektora klasy.
