Typen vun CSS Attributwieler - Semalt Expert

En HTML Element besteet aus enger Klass, ID an Attributer. En Attributerwieler wielt d'HML Elementer déi e Attribut hunn oder mat engem Attributwäert. Attributer Selekterer bidden eng einfach Method fir d'Stiler op HTML Elementer mat engem bestëmmten Attributer oder Traitewäert unzesetzen. Attributer Selektere ginn definéiert vun zwee Quadrat Klammeren, déi d'Attributer mat sengem Wäert zoumaachen. Nach ëmmer, Dir kënnt en Element-Typ-Selekter virun him setzen. Den CSS [Attributer] Selector setzt d'Stilregele fir en Element op wann a wéini en aus engem bestëmmten Eegeschafte besteet.

Zorte vun Attributer Selekteren

Et gi verschidden Typen vun Attributerauswieler, jidderee kann fir eenzel Fäll benotzt ginn:

CSS [attributer | = "Wäert"] Selector weist Elementer déi e bestëmmten Eegeschaften hunn, an et fänkt mat engem definéierte Wäert un.

CSS [attributer ~ = "Wäert"] Selector gëtt benotzt fir Elementer mat engem Immobiliewäert mat engem spezifescht Wuert ze fannen.

CSS [attributer ^ = "Wäert"] Selector fënnt Elementer mat engem Immobiliewäert mat engem spezifesche Wäert. De Wäert ass net onbedéngt e ganzt Wuert.

CSS [attribute $ = "value"] Selector fënnt Komponenten déi en Attributerwäert huet mat engem definéierte Wäert.

Uwendungen vun den CSS Attributwieler

Et gi verschidde Weeër wéi d'Attribusselector kann benotzt ginn anstatt den Universal, Klass oder ID Selector ze benotzen

Déi heefegst Notzung vun Attributer Selekteren ass op Inputen. Dozou gehéieren d'Text Selektoren, d'Këschtbox Selekteren, d'Passwuert Selektoren, Dateie Selektoren, verstoppte Selektoren, Passwuert Selektoren, Radio Selektoren, reset Selektoren an anerer.

Styling Formen

D'Attribtsauswieler si ganz nëtzlech wann Dir Formen ouni Klass oder ID styléiert.

Style Linken

Zum Beispill, Attributer Selekterer kënne benotzt ginn fir e Blogroll ze stiléieren, wou Dir eng Lëscht vu Linken op Frëndsäiten hutt. Wéi och ëmmer, Dir wëllt datt all Link anescht stiléiert gëtt. Déi traditionell Manéier doriwwer ze goen ass en Uruffnumm unzezéien deen méi Markups erfuerdert. Dir kënnt nach ëmmer dat n-Kand benotze wat verlaangt datt d'Bestellungen ni geännert ginn. Benotze vun den Attributwieler mécht et sou einfach, well et e Attribut ass deen Dir zielt kënnt.

Grenz Input

Styling Grenzen Elementer mat dem CSS Grenzbild Attributer ass e elegante Wee fir Biller zum Kierper ze addéieren. Et erlaabt Iech e Bild als Grenz vun engem Element ze definéieren. D'Grenzbild kéint scaléiert, geschnidden, op verschidde Weeër widderholl ginn fir sécherzestellen datt et an d'Grenzregioun passt. De Grenzradius Attributer erlaabt een ofgerënnt Ecker ouni d'Biller ze benotzen. De Besëtz definéiert d'Form vum Eck.

Styling Faarwen

D'CSS Attributerauswieler maachen et einfach all Elementer ze styléieren déi e besonnesche Faarwwert hunn. Dir kënnt d'Faarf Schlësselwuert benotzen, RGB (), RGBA (), HSL () an HSLA () Notatiounen. D'RGBA Faarwwäerter sinn eng Extensioun vum RGB Faarfmodell mat engem Kanal deen d'Opazitéit vun enger Faarf definéiert. De Parameterwäert rangéiert vun from1.0 (opak} bis 0,0 (transparent)

Den HSL Faarfmodell gëtt erkläert wéi den (Hue_saturation_Lightness). Hues Representatioun ass a Form vu Winkel (0-360) oder d'Faarfrad. Saturatioun an Hellegkeet ginn als Prozentsätz gemooss 0% Sättigung representéiert Schatt oder Grau, während 100 voll Faarf duerstellt. 100% Liichtegkeet representéiert wäiss wärend 0% schwaarz ass.