Kaj so izbirniki atributov v CSS? | Celoten vodnik

Kaj so izbirniki atributov v CSS

Če želite na svojem spletnem mestu uporabiti stilska pravila, potem so izbirniki navedeni vir. Obstaja več vrst selektorjev, nekateri so bolj priljubljeni. Za to danes Pokažemo vam, kaj so izbirniki atributov v CSS, tako da lahko kar najbolje izkoristite ta orodja.

Z uporabo CSS lahko uporabite več možnosti, ki vam bodo zelo pomagale pri predstavitvi vaše spletne strani. Izbirniki atributov Služili bodo razmejitvi elementov in olajšali delo prilagajanja. Čeprav je ta tema lahko zapletena za ljudi, ki niso povezani z njo, vam lahko učenje o njej odpre številna vrata.

Kaj pomeni CSS? Kaj so izbirniki atributov v CSS

Če ste povezani s svetom spletnega oblikovanja, ste ta izraz pogosto slišali. Kaskadni slogovni listi (CSS) je programski jezik, ki vam omogoča hitro in preprosto ustvarjanje in spreminjanje dokumenta HTML. To pomeni, da je to jezik, s katerim lahko upravljate dizajn, spreminjate, predstavljate, izboljšate in tudi personalizirate spletne strani. Njegovo ime izhaja iz dejstva, da vam omogoča izračun lastnosti, podedovanih od drugega, na več listih. V spletnem oblikovanju se temu reče slap.

Kaj so izbirniki atributov v CSS?

Izbirniki CSS So orodja, ki jih uporabljate za definiranje sloga, ki ga želite dati svojim elementom CSS. V tem jeziku je veliko vrst izbirnikov, vsak ima svojo sintakso in uporabnost. Uporaba pravilnih pravil programiranja pomaga brskalniku uporabiti določene lastnosti za določene elemente. programiranje

Na svoji strani Izbirniki atributov so ena od vrst izbirnikov, ki jih imamo v CSS. So zelo uporabni, čeprav včasih niso tako znani kot drugi pogostejši izbirniki, kot so izbirniki razredov ali oznak. Izbirniki CSS so navajeni določimo, na katera polja želimo uporabiti sloge.

V CSS izbirniki služijo za razmejitev elementov HTML naše spletne strani, na katere želimo uporabiti slog. CSS ima veliko izbirnikov, ki vam omogočajo, da izberete elemente z veliko natančnostjo pri uporabi slogov. Ti tako imenovani izbirniki atributov zagotavljajo, da izberete elemente HTML na podlagi njihovih atributov in/ali vrednosti.

Kakšne so vrste izbirnikov atributov? Programski jezik

  • [ime_atributa] izbere elemente, ki imajo nastavljen atribut z imenom attribute_name ne glede na njegovo vrednost.
  • [atribut_name=vrednost] izbere elemente, katerih atribut z imenom attribute_name je nastavljen na vrednost, ki je enaka vrednosti.
  • [ime_atributa~=vrednost] izbere elemente, ki imajo nastavljen atribut, imenovan attribute_name, in vsaj ena od vrednosti atributa je vrednost.
  • [atribut_name|=vrednost], izbere elemente, ki imajo nastavljen atribut imenovan attribute_name.
  • [atribut_name$=vrednost] Izberite oznake, katerih atribut se konča s to vrednostjo.
  • [ime_atributa^=vrednost] Izbere oznake, katerih atribut se začne s to vrednostjo.

Kako povezati velike in male črke?

Če želite povezati vrednosti atributov Ne razlikuje med velikimi in malimi črkami, lahko uporabite vrednost "i" pred oklepajem. Ta zastavica pove brskalniku, naj se ujema z vsemi znaki ASCII, ne glede na to, ali so velike ali male črke. Brez te zastavice so vrednosti povezane v skladu z jezikovnimi smernicami dokumenta, ki razlikujejo med velikimi in malimi črkami. HTML je občutljiv na velike in male črke.

Kaj so operatorji izbirnika atributov?

Lahko uporabimo nekaj operatorjev za izbirnike atributov ki niso tako dobro znani in nam omogočajo, da bistveno izboljšamo videz določenih vrednosti v pregledanih atributih.

To so operatorji, ki so na voljo v izbirnikih atributov

  • *= (vsebuje): Operator * vam omogoča, da vsaj enkrat izberete elemente, ki imajo kot vrednost atributa določen niz.
  • ^= (se pojavi na začetku vrednosti atributa): Izberite elemente, ki imajo atribut, katerega vrednost se začne z določenim nizom.
  • $= (se pojavi na koncu vrednosti atributa): Izbere elemente, ki imajo atribut, katerega vrednost se konča z določenim nizom.
  • ~= (vsebuje natančno besedo ali ločeno s presledki): izbere elemente, katerih vrednost atributa ima vsebino, ki se natančno ujema z določenim nizom ali ki vsebuje s presledki ločeno besedo z določenim nizom.
  • |= (vsebuje natančno besedo ali je ločena z vezaji): Podobno kot zgoraj, vendar je besedo mogoče ločiti z vezaji namesto s presledki.

Kako uporabljati izbirnike v CSS? Spletno oblikovanje

Izbirnike v CSS lahko uporabite na dva načina. Če imate v istem dokumentu kodo HTML in kodo CSS, Vse kar morate storiti je, da dodate izbirnik CSS v glavo svojega spletnega mesta.

Po drugi strani pa, če sta vaš HTML in CSS v ločenih dokumentih, morda imate dokument z imenom index.html in drug dokument, imenovan style.css. Datoteka index.html mora vsebovati vrstico kode, ki kliče datoteko CSS, tako da se slogi pravilno prikažejo na vašem spletnem mestu.

Katere druge vrste izbirnikov najdemo v CSS?

Obstajajo različne skupine selektorjev. Zavedajte se, kakšno vrsto izbirnika potrebujete vam bo pomagal uporabiti idealno orodje za vaš projekt. Zato vam jih nekaj prikazujemo spodaj:

Izbirniki vrste, razreda in identifikatorja

Ta skupina vključuje izbirniki, ki omejujejo element HTML, kot datoteka. Vsebuje tudi izbirnike, ki omejujejo razred ali identifikator.

Psevdoklasi in psevdoelementi

Ta skupina izbirnikov vključuje psevdoklase, ki Oblikujejo določena stanja elementa. Na primer, psevdo-razred lebdenja izbere element samo, ko miško premaknete nad njim. Vključuje tudi psevdoelemente, ki izberejo določen del elementa namesto elementa samega

Kombinatorji

Skozi to serijo selektorjev drugi selektorji so združeni, z namenom ločevanja različnih elementov naših dokumentov.

univerzalni selektor

Samodejno zvezdica (*), ki je simbol univerzalnega izbirnika, izbere vse elemente določenega dokumenta.

ID izbirnik

Ta tip je bil dosežen s ciljem izbire elementov, ki temeljijo na atributu ID.

Če želite nadzorovati vse, kar se dogaja na spletni strani, zagotovo je najboljši način, da ga dobite z lastnim dizajnom. Zanje lahko uporabite orodja, kot so izbirniki atributov. torej Če ste se spraševali, kaj so izbirniki atributov v CSS, Upamo, da smo vam v tem članku dali odgovore. Če menite, da smo izpustili kaj pomembnega, nam to sporočite v komentarjih.


Pustite svoj komentar

Vaš e-naslov ne bo objavljen. Obvezna polja so označena z *

*

*

  1. Za podatke odgovoren: Miguel Ángel Gatón
  2. Namen podatkov: Nadzor neželene pošte, upravljanje komentarjev.
  3. Legitimacija: Vaše soglasje
  4. Sporočanje podatkov: Podatki se ne bodo posredovali tretjim osebam, razen po zakonski obveznosti.
  5. Shranjevanje podatkov: Zbirka podatkov, ki jo gosti Occentus Networks (EU)
  6. Pravice: Kadar koli lahko omejite, obnovite in izbrišete svoje podatke.