Tipi ta 'Seletturi ta' Attributi CSS - Espert Semalt

Element HTML jikkonsisti fi klassi, ID u attributi. Selettur ta 'attributi jiġbor l-elementi HTML li għandhom attribut jew b'valur ta' attribut. Seletturi ta 'attributi jipprovdu metodu sempliċi ta' applikazzjoni ta 'stili fuq elementi HTML b'attribut jew valur karatteristiku partikolari. Seletturi ta 'attributi huma definiti minn żewġ parentesi kwadri, li jehmżu l-attribut bil-valur tiegħu. Xorta, tista 'tpoġġi selettur ta' tip ta 'element quddiemha. Is-Selettur CSS [attribut] japplika r-regoli tal-istil għal element jekk u meta jikkonsisti f'karatteristika partikolari.

Tipi ta 'selezzjonisti tal-attributi

Hemm tipi differenti ta 'seletturi ta' l-attributi li kull wieħed minnhom jista 'jintuża għal każijiet separati:

CSS [attribut | = "valur"] Selettur jenfasizza elementi li għandhom karatteristika partikolari, u jibda b'valur definit.

CSS [attribut ~ = "valur"] Selettur huwa użat biex isib elementi b'valur ta 'proprjetà li jidhru f'kelma speċifika.

CSS [attribut ^ = "valur"] Selettur isib elementi b'valur ta 'propjetà tallaba b'valur speċifiku. Il-valur mhuwiex neċessarjament kelma sħiħa.

CSS [attribut $ = "valur"] Selettur isib komponenti li għandu valur ta 'attribut li jispiċċa b'valur definit.

L-applikazzjonijiet tal-attributi tas-CSS

Hemm diversi modi li fihom jista 'jintuża s-selettur tal-attributi minflok jintuża l-universali, il-klassi jew is-selettur tal-ID

L-iktar użu komuni ta 'selezzjonjiet ta' attributi huwa fuq l-inputs. Dawn jinkludu s-seletturi tat-test, seletturi tal-kaxex tal-kontroll, seletturi tal-password, seletturi tal-fajls, seletturi moħbija, seletturi tal-password, seletturi tar-radju, selezzjoni tar-reset u oħrajn.

Forom ta 'stil

Is-selezzjonjiet tal-attributi huma utli ħafna meta jissettjaw formoli mingħajr klassi jew ID.

Rabtiet ta 'stil

Pereżempju, seletturi tal-attributi jistgħu jintużaw biex jagħtu stil blogroll fejn ikollok lista ta 'links għal siti ħabib. Madankollu, tixtieq tkun li kull link ikun iddisinjat b'mod differenti. Il-mod tradizzjonali biex titkellem dwaru huwa li tassenja isem ta 'sejħiet li jkunu jeħtieġu aktar markups. Xorta, tista 'tuża nth-child li tirrikjedi li l-ordnijiet ma jinbidlu qatt. L-użu tal-magħżula tal-attributi jagħmilha daqshekk faċli peress li hemm attribut li tista 'timmira.

Inputs tal-fruntiera

It-tfassil ta 'elementi fuq il-fruntieri bl-użu tal-attribut tal-immaġni tal-fruntiera CSS huwa mod eleganti biex iżżid l-immaġini fil-ġisem. Tippermetti li tiddefinixxi immaġni bħala fruntiera ta 'element. L-immaġini tal-fruntiera tista 'tiġi skalata, imqatta', ripetuta b'modi differenti biex tiżgura li tidħol fiż-żona tal-fruntiera. L-attribut tar-raġġ tal-fruntieri jippermettilek li żżid kantunieri arrotondati mingħajr ma tuża immaġini. Il-propjetà tiddefinixxi l-forma tal-kantuniera.

Kuluri styling

Is-seletturi tal-attributi CSS jagħmluha sempliċi l-istil tal-elementi kollha li għandhom valur tal-kulur partikolari. Tista 'tuża l-kulur tal-kliem kjavi, notazzjonijiet RGB (), RGBA (), HSL () u HSLA (). Il-valuri tal-kulur RGBA huma estensjoni tal-mudell tal-kulur RGB b'kanal li jiddefinixxi l-opaċità ta 'kulur. Il-valur tal-parametri jvarja minn 1.0 (opak} sa 0.0 (trasparenti)

Il-mudell tal-kulur HSL huwa spjegat bħala l- (Hue_saturation_Lightness). Ir-rappreżentazzjoni tal-lewn hija fil-forma ta 'angolu (0-360) jew ir-rota tal-kulur. Is-saturazzjoni u l-ħeffa huma mkejla bħala perċentwali 0% tas-saturazzjoni tirrappreżenta dell jew griż waqt li 100 jirrappreżentaw kulur sħiħ. 100% ħafif jirrappreżenta abjad filwaqt li 0% iswed.

mass gmail