Gdzie mogę używać identyfikatorów i klas? Jaka jest różnica między nimi? Czy istnieje potrzeba, abyśmy powinni obowiązkowo używać identyfikatorów w naszym CSS?Jaka jest różnica między klasami i identyfikatorami w CSS? Wyjaśnij na przykładzie, gdzie użyć
Identyfikatory mają być unikalne, podczas gdy zajęcia są lepsze dla "typu" elementu.
Więc może masz coś takiego:
<ul id="menu">
....
</ul>
Ponieważ prawdopodobnie będzie tylko 1 główne menu na swojej stronie.
Dla klas, jednak może mieć coś takiego:
<span class='author'>Paolo Bergantino</span>
czy może tytułować się div który zawiera odpowiedź na tej stronie:
<div class='answer'>....</div>
ponieważ nie będzie wielokrotnością tych na stronę są klasą elementów. Pomyśl o identyfikatorze jako numerze ubezpieczenia społecznego elementu. Ilekroć element jest wystarczająco ważny i niepowtarzalny, nadajesz mu identyfikator. Pomaga to również w dynamicznych witrynach internetowych, ponieważ wybieranie elementów według ID jest zdecydowanie najszybszym sposobem, a jeśli masz wiele elementów o tym samym ID (co narusza tę praktykę) Javascript nie będzie działał zgodnie z zamierzeniami.
Z w3schools:
id atrybut określa unikalny identyfikator dla elementu HTML.
Identyfikator musi być niepowtarzalny w dokumencie HTML .
atrybut id może być używany przez JavaScript (poprzez DOM HTML) lub przez CSS, aby dokonać zmian lub stylu elementu z podanym id.
i
klasa atrybut określa classname dla elementu.
Atrybut klasy jest najczęściej używany do oznaczania klasy w arkuszu stylów jako . Jednak może być również używany przez skrypt JavaScript (przez DOM HTML), aby zmienić elementów HTML z określoną klasą .
atrybut klasa nie może być stosowany w następujące elementy HTML: podstawa, głowy, html, meta, param, script, stylu, a tytułowe.
Istnieje możliwość przypisania wielu klas do jednego elementu HTML, np. . Umożliwia to połączenie kilku klas CSS dla jednego elementu HTML.
Identyfikator odnosi się do konkretnego elementu (każdy identyfikator nigdy nie powinien być używany więcej niż raz); klasa odnosi się do wielu elementów.
Podczas mógł klas użytku dla wszystkich, rozdzielenie między „klas, które występują tylko raz” (tj IDS) i „zwykłych” klas jest bardzo przydatna do utrzymania CSS znaczące dla siebie.
.menu { ... } /* Err, how many of those did I have? */
#menu { ... } /* Ahh, THE menu. */
Identyfikator identyfikuje dokładnie jeden element DOM w unikalny sposób. Klasa identyfikuje grupę powiązanych elementów DOM.
Na przykład można mieć jeden, wyjątkowe menu NAV identyfikowany przez ID:
<div id="nav">...</div>
aw nim mają kilka zestawów menu, z których każdy jest również identyfikowany i należący do wspólna klasa:
<div id="nav">
<ul id="content_menu" class="menu">...</ul>
<ul id="contact_menu" class="menu">...</ul>
<ul id="personal_menu" class="menu">...</ul>
</div>
Krótka i prosta:
klasy mogą być użyte tyle razy, ile potrzeba (i są zdefiniowane przez okres). Identyfikatory mogą być używane tylko w JEDNYM elemencie (i są zdefiniowane przez funt).
<style>
.class {
font-size: 3em;
}
#id {
font-size: 3em;
}
</style>
<body>
<span class="class">I am a class</span>
<span class="class">Look at me, also a class</span>
<span id="id">I am special, you can only have one of me or I do not meet XHTML standards</span>
gud przykład, ładne i dzięki – Rajasekar
Możliwy duplikat, http://stackoverflow.com/q/544010/425313 –