CSS atributų selektorių tipai - „Semalt Expert“

HTML elementą sudaro klasė, ID ir atributai. Atributo parinkiklis pasirenka HTML elementus, kurie apibūdina atributą arba su atributo verte. Atributų selektoriai pateikia paprastą stilių taikymo HTML elementams, turintiems tam tikrą atributo ar bruožo vertę, metodą. Atributo selektoriai yra apibūdinami dviem skliausteliais, kurie prideda atributą su jo verte. Vis tiek prieš tai galite įdėti elemento tipo parinkiklį. CSS [atributo] parinkiklis taiko stiliaus taisykles elementui, jei ir kada jį sudaro nurodytas bruožas.

Atributų parinkėjų tipai

Yra skirtingi atributų parinkimo tipai, kurie kiekvienas gali būti naudojami atskirais atvejais:

CSS [atributas | = "reikšmė"] Parinkiklis pabrėžia elementus, kurie turi tam tikrą bruožą, ir jis prasideda nuo apibrėžtos vertės.

CSS [atributas ~ = "reikšmė"] Parinkiklis naudojamas norint rasti elementus, kurių savybės reikšmė turi konkretų žodį.

CSS [atributas ^ = "reikšmė"] Parinkiklis randa elementus su savybės verte, pradedantis su konkrečia verte. Vertė nebūtinai yra visas žodis.

CSS [atributas $ = "reikšmė"] Parinkiklis randa komponentus, kurių atributo reikšmė baigiasi apibrėžta verte.

CSS atributų parinkiklių programos

Atributų parinkiklį galima naudoti įvairiais būdais, o ne naudoti universalųjį, klasės ar ID parinkiklį

Dažniausiai atributų selektoriai naudojami įėjimuose. Tai apima teksto selektorius, žymimojo langelio selektorius, slaptažodžių parinkiklius, failų selektorius, paslėptus selektorius, slaptažodžio parinkiklius, radijo imtuvus, nustatymo iš naujo pasirinktuvus ir kitus.

Stiliaus formos

Atributų parinkėjai yra labai naudingi formuojant formas be klasės ar ID.

Stilių saitai

Pavyzdžiui, atributų parinkiklius galima naudoti tinklaraščio formavimui, kur yra nuorodų į draugų svetaines sąrašas. Tačiau jūs norite, kad kiekviena nuoroda būtų formuojama skirtingai. Tradicinis būdas tai padaryti yra priskirti skambučių pavadinimą, kuriam prireiktų daugiau žymėjimų. Vis dėlto galite naudoti n-ąjį vaiką, kuris reikalauja, kad užsakymai niekada nesikeistų. Naudodami atributų parinkiklius, taip lengva, nes yra atributas, į kurį galite nukreipti.

Pasienio įėjimai

Sienų elementų stiliavimas naudojant CSS kraštinės vaizdo atributą yra elegantiškas būdas pridėti paveikslėlius prie kūno. Tai leidžia apibrėžti vaizdą kaip elemento kraštą. Sienų atvaizdą būtų galima sumažinti, pjaustyti ir pakartoti skirtingais būdais, kad būtų galima įsitikinti, kad jis tinka pasienio zonai. Ribų spindulio atributas leidžia pridėti suapvalintus kampus nenaudojant vaizdų. Turtas nusako kampo formą.

Stiliaus spalvos

CSS atributų parinkikliai leidžia lengvai stiliuoti visus elementus, turinčius tam tikrą spalvų vertę. Galite naudoti spalvų raktažodį, RGB (), RGBA (), HSL () ir HSLA () žymėjimus. RGBA spalvų vertės yra RGB spalvų modelio pratęsimas su kanalu, kuris apibūdina spalvos neskaidrumą. Parametrų reikšmė svyruoja nuo 1,0 (nepermatoma} iki 0,0 (skaidri)

HSL spalvų modelis paaiškinamas kaip (Hue_saturation_Lightness). Atspalvis pavaizduotas kampo (0-360) arba spalvų rato pavidalu. Sotumas ir lengvumas matuojami procentais. 0% sodrumo reiškia atspalvį arba pilką, o 100 - spalvotą. 100% lengvumo reiškia baltą, o 0% - juodą.