⊗mkLsBsEaD 40 of 42 menu

Дырэктыва @each у SASS

Для таго, каб прымяніць стыль да спісу аб'ектаў выкарыстоўваюць дырэктыву @each. Яе запісваюць наступным чынам:

@each $var (зменная) in (спіс значэнняў)

Сутнасць работы гэтай дырэктывы ў тым, што яна ўстанаўлівае ў кожнае значэнне са спісу зменную $var, а затым выводзіць яе ў кожным стылі. Разгледзім прыклад:

@each $picture in winter, spring, summer, autumn { img .#{$picture} { background-image: url('/images/#{$picture}.jpg'); } }

Вынік кампіляцыі:

img .spring { background-image: url("/images/spring.jpg"); } img .summer { background-image: url("/images/summer.jpg"); } img .autumn { background-image: url("/images/autumn.jpg"); }

Раскажыце, якім будзе вынік кампіляцыі наступнага кода:

@each $link in menu, navbar, footer { link .#{$link} { color:red; } }
Беларуская
AfrikaansAzərbaycanБългарскиবাংলাČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Мы выкарыстоўваем cookie для працы сайта, аналітыкі і персаналізацыі. Апрацоўка дадзеных адбываецца згодна Палітыкай канфідэнцыяльнасці.
прыняць усе наладзіць адхіліць