CSS választók id és class
Amellett, hogy a választó típusát. CSS lehetséges kiválaszt egy tételt, függetlenül annak típusától. Ehhez, akkor használhatja a ID szelektor, osztály választó.
iD szelektor
Selector id (azonosító) célja, hogy olyan stílust alkalmazni az egyedi elemek egy weboldalon, az egyediség azt jelenti, hogy ez az elem az oldalon használt egyszerre, mint az ilyen elemek lehetnek: a cap hely, lábléc, navigációs menü és így tovább.
Ahhoz, hogy a id választó, akkor létre kell hozni egy azonosítót (id), feltalálás egy egyedi nevet és regisztrálja azt az id attribútum az elem, amelyre stílus kerül alkalmazásra. A bemutató id választó stílus kezdődik a # karaktert közvetlenül követi a név azonosító.
Minden stílus azonosítót csak megtalálható az oldalon egyszerre, azaz egyedi azonosító lehet használni egy oldalon csak a tag, amelynek az a célja, ha ugyanazt az azonosítót kell alkalmazni, hogy egynél több elemet, először html-kód nem ment át az ellenőrzésen, másrészt okozhat kód érvénytelen feldolgozás a böngésző és látni fogja nem az eredmény, amely várható.
Példa működés ID szelektor:
Megjegyzés: Ne hagyja, hogy az azonosítókat kezdődő nevek számokat, akkor nem fog működni a Mozilla Firefox.
osztályszelektor
Választó osztály segítségével, valamint id szelektor a stílus egy adott elem az oldal, de ellentétben az id, class választó lehetővé teszi, hogy olyan stílust alkalmazni a több elem egy weboldalon, hanem csak egy.
Ahhoz, hogy használni egy osztály választó, akkor meg kell adnia, hogy melyik elem a kívánt oldalt alkalmazza, ezt csak meg kell hozzá a class attribútum a HTML-tag szeretne stílus, és ezt az értéket a nevét az osztály, hogy leírja a stílust.
A szabályok az osztály nevét:
- az összes nevet osztály szelektor kell kezdeni egy pont, amelynek segítségével a böngésző egy osztály választó egy CSS stíluslap
- a neve annak az osztálynak a megengedett csak betűket, számokat, kötőjelet és aláhúzást
- osztály neve után a dot mindig kezdeni írni
- osztály nevek kis- és nagybetűket, például .Menu .menu és figyelembe kell venni a CSS, két különböző osztályokba
Ha szüksége van a stílus csak az egyes címkék az oldalon, a választót a nevét az osztály meg kell jelölni az elemet, amely a stílust kell alkalmazni:
Mint látható, a Például levelet pont neve előtt egy osztály egy html-kód (értelmében a class attribútum) nem szükséges. Ez csak akkor van szükség a neve a választót a stíluslap.
Ebben a témában lásd: