Az ID-választó használata a CSS-ben

Lehet 3, 2024

Az utóbbi néhány oktatóanyagban a CSS-szabályok három típusából kettőt tárgyaltunk. Az első típus a HTML választó, amely a megfelelő HTML címke stílusán alapszik és irányítja. A második típus az osztályválasztó, amely úgy működik, mint egy általános stílus, amely a weboldal bármely elemére alkalmazható.

Itt az ideje, hogy megvitassuk a CSS-szabály harmadik típusát, amelyet ID-választónak hívnak. Az osztályválasztóhoz hasonlóan az azonosítóválasztó a weboldal bármely elemére alkalmazható. Arra szánták, hogy csak egyszer használják fel egy oldalon. Ez az ID-választót nagyon hasznosá teszi a dinamikus HTML és a JavaScript használatához. Elméletileg, ha az ID-választót többször használja az oldalon, akkor a webböngészőnek figyelmen kívül kell hagynia a következőket. Ez azonban nem mindig igaz. Nagyon nehéz támaszkodni a webböngészők kiszámíthatóságára. Ezért, amikor az ID-választót választja, vigyázzon, hogy csak egyszer használja. Vessen egy pillantást egy példára.

Alapkód

. . .

Példa

. . .

Azonosító választó

A címkék belsejében észreveszi, hogy az ID-választó hash szimbólummal (#) kezdődik, amelyet az azonosító-választóhoz hozzárendelt név követ. Mint az osztályválasztó, bármilyen nevet használhat, de a legjobban, ha a név jelzi, hogy mi az azonosítóválasztó fog használni. A példában egy speciális szövegrész azonosítására használjuk.

{ingatlan érték;}

A címkék belsejében az ID-választót egy vagy több tulajdonság-érték pár követi, amelyeket göndör zárójelbe helyeznek. Ezek az ingatlan-érték párok határozzák meg a stílus jellemzőit. A példában a special_text ID választóval rendelkező bekezdés piros színű szöveget tartalmaz.

. . .

Amikor az ID választógombot használja a weboldal testében, akkor az id attribútumot fogja használni a nyitó HTML tagben. Az id attribútum értéke az azonosító-választónak megadott egyedi név, ebben az esetben a "special_text". (id = "érték") A választó így “köti össze” a stílust azzal az egy HTML címkével, amelyre alkalmazni kívánja a stílust. A fenti példában az azonosító-választó csak egybe kerül

címke a weboldalon. A weboldal bármely más HTML-címkéje nem tartalmazhatja az azonosító-választót a nyitó címke belsejében.

Video Utasításokat: JavaScript for Web Apps, by Tomas Reimers and Mike Rizzo (Lehet 2024).

Az ID-választó használata CSS-ben, HTML-ben, a CSS-szabályok típusai, az ID-választó, a CSS ID-választó használata

Előző Cikk

Következő Cikk

Kapcsolódó Cikkek

számítógépek

Guilty Gear X2

Lehet 2024

A Guilty Gear X2 egy 2D-es harci játék, amely büszkélkedhet gyönyörű anime grafikákkal, részletes háttérrel, nagyszerű harci kombókkal és egy hangzással, egyenesen a 80-as évek rockjából. Először a...

számítógépek

Metal Slug 4 / Metal Slug 5

Lehet 2024

Ezzel a kombinált csomaggal két különálló DVD-t kapsz, amelyekben két különálló játék található. Az egyik a Metal Slug 4, a második a Metal Slug 5 folytatása. Először is fontos megjegyezni, hogy...