В Windows 10 Creators Update Microsoft Edge получит поддержку пользовательских свойств CSS.
2 минута. читать
Опубликовано
Прочтите нашу страницу раскрытия информации, чтобы узнать, как вы можете помочь MSPoweruser поддержать редакционную команду. Читать далее
С грядущим обновлением Windows 10 Creators, которое будет выпущено в следующем месяце, Microsoft Edge будет поддерживать пользовательские свойства CSS, что позволит разработчикам полностью каскадировать переменные в свойствах CSS.
В общем, веб-приложения могут содержать довольно много CSS. Большинство значений в файле CSS будут повторяющимися данными; например, сайт может установить цветовую схему и повторно использовать три или четыре цвета на всем сайте. Изменение этих данных может быть затруднено и чревато ошибками, поскольку они разбросаны по всему файлу CSS (и, возможно, по нескольким файлам) и могут не поддаваться поиску и замене. Пользовательские свойства CSS решают эту проблему, используя семейство пользовательских определяемых автором свойств, известных под общим названием настраиваемые свойства, которые позволяют разработчикам назначать произвольные значения свойству с именем, и функцию var(), которая позволяет разработчикам затем использовать эти значения. в других свойствах в другом месте документа. Посмотрите пример ниже,
:root { --primary: #0B61A4; --вторичный: #25567B; } заголовок { фон: var(--primary); нижняя граница: 2px сплошная var(--secondary); }
Пользовательские свойства CSS значительно упростят редактирование файлов CSS и сделают его менее подверженным ошибкам, поскольку разработчикам необходимо один раз изменить значение в пользовательском свойстве, и это изменение автоматически распространится на все виды использования этой переменной.
Если вы разработчик, теперь вы можете попробовать настраиваемые свойства CSS в недавно выпущенных сборках Windows Insider Preview, начиная с EdgeHTML 15.15061. Также ознакомьтесь с Демонстрация пользовательских свойств Pooch чтобы увидеть эту функцию в действии.