В Windows 10 Creators Update Microsoft Edge получит поддержку пользовательских свойств CSS.

Значок времени чтения 2 минута. читать


Читатели помогают поддержать MSpoweruser. Мы можем получить комиссию, если вы совершите покупку по нашим ссылкам. Значок подсказки

Прочтите нашу страницу раскрытия информации, чтобы узнать, как вы можете помочь 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 чтобы увидеть эту функцию в действии.

Подробнее о темах: Настраиваемые свойства CSS, застройщиков, край, Microsoft, Творцы 10 обновления Windows

Оставьте комментарий

Ваш электронный адрес не будет опубликован. Обязательные поля помечены * *