Единственото качество, което трябва да притежава езика, който да отговаря на изискванията за състоянието на езика за програмиране, тя е променлива. Те се считат за изключително полезно, спестяване на разработчиците куп часа и усилия. В допълнение, променливи са в състояние да се подобри цялостно процеса на писане на код.
Това е точно това, което липсва в CSS. Тези динозаври като Sass и по-малко променливи употреба, но в стандартния CSS никога не е било променливи. До днес.
Те отдавна се издигаше на хоризонта, но едва наскоро започна да се въвежда променливи в CSS. И така, как работят те?
Подкрепа браузър
В момента, CSS променливи се поддържат само от Firefox Nightly. И в действителност, ние не можем да ги използваме. Независимо от това, въпреки факта, че те все още са много, много сурова (в бета testivaniya) всички ние с нетърпение очакваме да това, което ще бъде в нашия живот в близко бъдеще.
Вече има начин да се променливи за Webkit браузър двигател. В допълнение, те все още са на разположение за някои версии на Chrome. които се активират чрез флаг в хром: // знамена и използване -webkit- префикс.
Що се отнася до IE, за съжаление, ще трябва да чакаме. Нека да видим какво има в магазина за нас следващата версия.
Как да използвате променливи CSS
Всички знаем колко променливи, така че само синтаксиса е претърпял някои промени. Ето как ние заявяваме, променливите в CSS:
Глобалните променливи
Както и в други езици за програмиране, можете да настроите променливата като глобален. Така например, по следния начин:
Аз използвам псевдо корен елемент от факта, че интерфейса на най-високо ниво на DOM ще бъде този, който пази тези променливи. А те, от своя страна, ще работи по DOM дървото на таговете на всички наши елементи.
Когато става дума за използване на променливи, ние използваме функцията Var (), за да се позове на променливата. Това може да стане по следния начин:
След като обяви, променливата на документ в основата, а сега можем да го използвате навсякъде.
контекст променливи
В допълнение към глобалните променливи, можете да зададете променлива към конкретен елемент. В този случай, стойността му ще се промени:
В този конкретен пример, маркер котва ще наследи на новите ценности, които сме си поставили в тяхната майка елемент. Въпреки това, нещо повече от това Разделение няма да използва стойностите, определени в основния елемент.
Променливите в CSS ще бъде от голяма полза, когато те вече не са задаващата се на хоризонта на бъдещето и се превръщат в реалност. Те могат дори да е първият не-Препроцесорът камбаните и се върнете към CSS стандарт на езика на.
Свързани статии