Jei norite savo svetainėje pritaikyti stiliaus taisykles, tada selektoriai yra nurodytas šaltinis. Yra keletas selektorių tipų, kai kurie iš jų yra populiaresni. Už tai šiandien Mes parodome, kokie atributų parinkikliai yra CSS, kad galėtumėte išnaudoti visas šių įrankių galimybes.
Naudodami CSS galite naudoti keletą parinkčių, kurios labai padės jums pristatyti svetainę. Atributų parinkikliai Jie padės atskirti elementus ir palengvins pritaikymą. Nors ši tema gali būti sudėtinga žmonėms, kurie su ja nesusiję, sužinoję apie ją galite jums atverti daug durų.
Ką reiškia CSS?
Jei esate susijęs su interneto dizaino pasauliu, šį terminą girdėjote dažnai. Kaskadiniai stiliaus lapai (CSS) yra programavimo kalba, leidžianti greitai ir lengvai sukurti ir modifikuoti HTML dokumentą. Tai reiškia, kad tai yra kalba, kuria galite valdyti dizainą, atlikti pakeitimus, pristatymą, patobulinimus ir taip pat individualizuoti tinklalapius. Jo pavadinimas kilo dėl to, kad jis leidžia keliuose lapuose apskaičiuoti iš kito paveldėtas savybes. Interneto dizaine tai vadinama kriokliu.
Kas yra CSS atributų parinkikliai?
CSS selektoriai Tai įrankiai, kuriuos naudojate norėdami apibrėžti stilių, kurį norite suteikti savo CSS elementams. Šioje kalboje yra daugybė selektorių tipų, kurių kiekvienas turi savo sintaksę ir naudingumą. Tinkamų programavimo taisyklių naudojimas padeda naršyklei pritaikyti tam tikras ypatybes nurodytiems elementams.
Savo ruožtu, Atributų parinkikliai yra vienas iš CSS parinktuvų tipų. Jie yra labai naudingi, nors kartais ne tokie gerai žinomi kaip kiti įprastesni parinkikliai, pvz., klasių ar žymų parinkikliai. CSS selektoriai naudojami nurodykite, kuriems laukams norime taikyti stilius.
CSS parinkikliai skirti atskirti mūsų tinklalapio HTML elementus, kuriems norime pritaikyti stilių. CSS turi daug selektorių, kurie leidžia labai tiksliai pasirinkti elementus taikant stilius. Šie vadinamieji atributų parinkikliai užtikrina, kad pasirinktumėte HTML elementus pagal jų atributus ir (arba) reikšmes.
Kokie yra atributų parinktuvų tipai?
[atributo_pavadinimas] pasirenka elementus, kurių atributas pavadintas atributo_pavadinimas, neatsižvelgiant į jo reikšmę.
[attribute_name=value] pasirenka elementus, kurių atributas pavadintas atributo_pavadinimas yra nustatytas į reikšmę, lygią reikšmei.
[atributo_pavadinimas~=vertė] parenka elementus, kurių atributas vadinamas atributo_pavadinimu ir bent viena iš atributo reikšmių yra vertė.
[attribute_name|=value], pasirenka elementus, kurių atributas vadinamas atributo_pavadinimo rinkiniu.
[attribute_name$=value] Pasirinkite žymas, kurių atributas baigiasi šia reikšme.
[atributo_pavadinimas^=vertė] Parenka žymas, kurių atributas prasideda šia reikšme.
Kaip susieti didžiąsias ir mažąsias raides?
Jei norite susieti atributų reikšmes Didžiosios ir mažosios raidės neskiriamos, prieš uždaromąjį skliaustą galite naudoti reikšmę „i“. Ši vėliavėlė nurodo naršyklei, kad ji atitiktų visus ASCII simbolius, neatsižvelgiant į tai, ar jie yra didžiosios ar mažosios raidės. Be šios vėliavėlės reikšmės sujungiamos pagal dokumento kalbos gaires, kuriose skiriamos didžiosios ir mažosios raidės. HTML yra didžiosios ir mažosios raidės.
Kas yra atributų parinkiklio operatoriai?
Mes galime naudoti kai kurie atributų parinktuvų operatoriai kurie nėra taip gerai žinomi ir leidžia žymiai patobulinti tam tikrų verčių išvaizdą aptartuose atributuose.
Tai yra atributų parinkikliuose pasiekiami operatoriai
*= (sudėtyje yra): Operatorius * leidžia bent kartą pasirinkti elementus, kurių atributo reikšmė yra tam tikra eilutė.
^= (atsiranda atributo reikšmės pradžioje): pasirinkite elementus, turinčius atributą, kurio reikšmė prasideda tam tikra eilute.
$= (atsiranda atributo vertės pabaigoje): Parenka elementus, turinčius atributą, kurio reikšmė baigiasi tam tikra eilute.
~= (yra tikslus žodis arba atskirtas tarpais): pasirenka elementus, kurių atributo vertės turinys tiksliai atitinka nurodytą eilutę arba kuriame yra tarpais atskirtas žodis su nurodyta eilute.
|= (yra tikslus žodis arba yra atskirtas brūkšneliais): panašus į aukščiau, bet žodis gali būti atskirtas brūkšneliais, o ne tarpais.
Kaip naudoti selektorius CSS?
Yra du galimi CSS parinktuvų naudojimo būdai. Jei tame pačiame dokumente turite HTML kodą ir CSS kodą, Viskas, ką jums reikia padaryti, tai pridėti CSS parinkiklį savo svetainės galvoje.
Kita vertus, jei jūsų HTML ir CSS yra atskiruose dokumentuose, galite turėti dokumentą, pavadintą index.html ir kitą dokumentą pavadinimu style.css. Faile index.html turi būti kodo eilutė, kuri iškviečia CSS failą, kad stiliai jūsų svetainėje būtų rodomi teisingai.
Kokių kitų tipų selektorių randame CSS?
Yra įvairių rinkėjų grupių. Žinokite, kokio tipo selektorių jums reikia padės jums naudoti idealų įrankį jūsų projektui. Štai kodėl mes jums parodome keletą žemiau:
Tipo, klasės ir identifikatoriaus parinkikliai
Ši grupė apima parinkikliai, ribojantys HTML elementą, kaip failas. Jame taip pat yra selektorių, kurie riboja klasę arba identifikatorių.
Pseudoklasės ir pseudoelementai
Šiai selektorių grupei priklauso pseudoklasės, kurios Jie formuoja konkrečias elemento būsenas. Pavyzdžiui, užvedimo pseudoklasė pasirenka elementą tik tada, kai pelė užvedama virš jo. Taip pat apima pseudoelementus, kurie pasirenka konkrečią elemento dalį, o ne patį elementą
Kombainai
Per šią rinkėjų seriją kiti selektoriai yra sujungti, siekiant atskirti skirtingus mūsų dokumentų elementus.
universalus selektorius
Automatiškai žvaigždutė (*), kuri yra universalus pasirinkimo simbolis, pasirenka visus tam tikro dokumento elementus.
ID parinkiklis
Šis tipas buvo pasiektas siekiant pasirinkti elementus, pagrįstus ID atributu.
Jei norite kontroliuoti viską, kas vyksta svetainėje, neabejotinai geriausias būdas tai gauti yra sukurti savo dizainą. Jiems galite naudoti tokius įrankius kaip atributų parinkikliai. Taigi Jei jums įdomu, kokie atributų parinkikliai yra CSS, Šiame straipsnyje tikimės pateikti atsakymus. Jei manote, kad kažką svarbaus praleidome, praneškite mums komentaruose.
