Llojet e zgjedhësve të atributeve të CSS - Eksperti Semalt

Një element HTML përbëhet nga një klasë, ID dhe atribute. Një përzgjedhës i atributeve zgjedh elementet HTML që paraqesin një atribut ose me një vlerë të atributit. Përzgjedhësit e atributeve ofrojnë një metodë të thjeshtë të aplikimit të stileve në elementët HTML me një atribut të veçantë ose vlerë tipare. Zgjedhësit e atributeve përcaktohen nga dy kllapa katrore, të cilat bashkojnë atributin me vlerën e tij. Prapëseprapë, mund të vendosni një selektues të llojit të elementeve para tij. Përzgjedhësi CSS [atribut] zbaton rregullat e stilit në një element nëse dhe kur përbëhet nga një tipar i caktuar.

Llojet e selektuesve të atributeve

Ekzistojnë lloje të ndryshme të selektorëve të atributeve, secila prej të cilave mund të përdoret për raste të ndara:

CSS [atribut | = "vlerë"] Përzgjedhësi nxjerr në pah elementet që kanë një tipar të veçantë, dhe fillon me një vlerë të përcaktuar.

CSS [atribut ~ = "vlerë"] Përzgjedhësi përdoret për të gjetur elemente me një vlerë të pasurisë që përmban një fjalë specifike.

CSS [atribut ^ = "vlerë"] Përzgjedhësi gjen elemente me një vlerë të pasurisë që lyp me një vlerë specifike. Vlera nuk është domosdoshmërisht një fjalë e tërë.

CSS [atribut $ = "vlerë"] Përzgjedhësi gjen përbërës të cilët kanë një vlerë të atributit që përfundon me një vlerë të përcaktuar.

Aplikimet e selektorëve të atributeve CSS

Ka mënyra të ndryshme në të cilat përzgjedhësi i atributeve mund të përdoret në vend të përdorimit të selektorit universal, klasës ose ID-së

Përdorimi më i zakonshëm i selektorëve të atributeve është në hyrje. Këto përfshijnë zgjedhësit e tekstit, zgjedhësit e kutive të zgjedhjes, zgjedhësit e fjalëkalimeve, zgjedhësit e skedarëve, selektorët e fshehur, zgjedhësit e fjalëkalimeve, selektorët e radios, zgjedhësit e rivendosjes dhe të tjerët.

Format stiluese

Zgjedhësit e atributeve janë shumë të dobishëm kur stilimi formon pa klasë ose ID.

Lidhje stili

Për shembull, përzgjedhësit e atributeve mund të përdoren për të stiluar një blogroll, ku ju keni një listë lidhjesh në faqet e miqve. Sidoqoftë, ju dëshironi që secila lidhje të jetë e stiluar ndryshe. Mënyra tradicionale për të arritur rreth kësaj është të caktoni një emër thirrjesh që do të kërkonte më shumë shënime. Sidoqoftë, ju mund të përdorni fëmijën e nëntë, i cili kërkon që urdhërat të mos ndryshojnë kurrë. Përdorimi i selektorëve të atributeve e bën atë aq të lehtë pasi ekziston një atribut që mund të synoni.

Inputet kufitare

Stilimi i elementeve të kufijve duke përdorur atributin e imazhit kufitar CSS është një mënyrë elegante për të shtuar imazhe në trup. Kjo ju lejon të përcaktoni një imazh si kufirin e një elementi. Imazhi i kufirit mund të shkallëzohet, copëtohet, përsëritet në mënyra të ndryshme për të siguruar që ai përshtatet në zonën kufitare. Atributi i rrezeve të kufijve lejon që të shtohen qoshe të rrumbullakosura pa përdorur imazhe. Prona përcakton formën e qoshes.

Ngjyra stiluese

Zgjedhësit e atributeve CSS e bëjnë të thjeshtë stilimin e të gjithë elementëve që kanë vlerë të veçantë ngjyrash. Ju mund të përdorni shënimet e fjalës me ngjyra, RGB (), RGBA (), HSL () dhe HSLA (). Vlerat e ngjyrave RGBA janë një zgjatje e modelit të ngjyrave RGB me një kanal që përcakton paqësinë e një ngjyre. Vlera e parametrave varion nga1.0 (e errët} në 0,0 (transparent)

Modeli i ngjyrave HSL shpjegohet si (Hue_saturation_Lightness). Përfaqësimi i ngjyrave është në formën e këndit (0-360) ose rrotës së ngjyrave. Ngopja dhe butësia maten pasi përqindjet 0% e ngopjes paraqesin hije ose gri ndërsa 100 përfaqësojnë ngjyrën e plotë. Lehtësia 100% përfaqëson të bardhë ndërsa 0% është e zezë.