Учене на Sass
Здравейте всички! В тази статия ще разгледамекак да се свържете към родителски селектор в Sass.
Може да има моменти, когато трябва да разширите селектор, без да създавате ново правило. За да направите това, можете да свържете допълнителни селектори към предварително дефинирания селектор, като използвате знака амперсанд (&).
Външно това изглежда като създаване на дъщерен селектор в йерархия, но с използването на амперсанд ние разширяваме родителския селектор, а не създаваме дъщерен. За да стане по-ясно, нека разгледаме един пример.
a тегло на шрифта: удебелен декорация на текст: няма
&:hover текстова декорация: подчертаване
Когато се компилира, ще изглежда така:
тегло на шрифта: получер; текстова декорация: няма; >
a: hover text-decoration: подчертаване; >
Много често ще видите следния тип именуване на класове вHTML: първо напишете основния клас, след това го разширете с тире и напишете нов клас за дъщерния елемент. Например, имаме някакъв основен блок и ще му дадем IDmain. Вътре има блок със странична лента и ще го наречемmain-sidebar. И така, как сега да се позоваваме на този блок с помощта наSass? За да избегнем писането наmainвсеки път, можем вместо това да използваме знака амперсанд.
#основен цвят: черен
&-sidebar граница: 1px плътна
И така, това е всичко за днес. Благодаря за вниманието!
Добавете ме като приятелVKontakte: http://vk.com/myrusakov. Ако искате да оцените мен и работата ми, напишете го в моята група: http://vk.com/rusakovmy.
Препоръчайте тази статия на вашите приятели:
Ако харесвате сайта, поставете връзка към него (на вашия сайт, във форума, в контакт):
Тя изглежда така: