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 powszechnie używany do stylizowania stron internetowych napisanych w HTML. CSS umożliwia określenie własnych selektorów 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 identyfikatora. Podczas określania stylu dla grupy elementów używany jest selektor klasy.
Co to jest klasa?
W CSS selektor klasy może być użyty do zastosowania własnego stylu 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 oznaczony kropką (.). Poniżej znajduje się przykład selektora klasy zdefiniowanego w CSS.
.my_class {
kolor: niebieski;
grubość czcionki: pogrubienie;
}
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żywana 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 oddzielonego 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 identyfikowany przez skrót (). Poniżej znajduje się przykład selektora identyfikatora zdefiniowanego w CSS.
mój_ID {
kolor: czerwony;
text-align:right;
}
HTML może odnosić się do selektora identyfikatora zdefiniowanego w CSS za pomocą atrybutu id, jak pokazano poniżej.
To jest moje formatowanie z selektora identyfikatorów
ID są unikalne. Dlatego każdy element może mieć tylko jeden identyfikator, a każda strona może mieć tylko jeden element o tym konkretnym identyfikatorze. Identyfikatory mają ważną cechę, której można używać z przeglądarką. Jeśli adres URL strony zawiera wartość skrótu (np. https://myweb.commy_id), przeglądarka spróbuje automatycznie zlokalizować element o identyfikatorze „my_id” i przewinąć stronę internetową, aby wyświetlić ten element. To jeden z powodów, dla których strona powinna zawierać pojedynczy element o tym konkretnym identyfikatorze, aby przeglądarka mogła go zlokalizować.
Jaka jest różnica między klasą a identyfikatorem?
Mimo że zarówno selektor klasy, jak i selektor identyfikatora mogą być używane do zastosowania własnego stylu do elementów na stronie internetowej, istnieją pewne istotne różnice. Selektora klasy można użyć do zastosowania własnego stylu do grupy elementów, podczas gdy selektor ID służy do zastosowania 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 konkretnym identyfikatorem, ale Class może być używany dla wielu elementów, a jeden element może używać wielu klas. Ponadto identyfikatora można użyć do automatycznego przewijania strony w celu wyświetlenia elementu o tym identyfikatorze, ale nie jest to możliwe w przypadku selektora klasy.
