Завдяки оновленню Windows 10 Creators Update Microsoft Edge забезпечить підтримку користувацьких властивостей CSS
2 хв. читати
Опубліковано
Прочитайте нашу сторінку розкриття інформації, щоб дізнатися, як ви можете допомогти MSPoweruser підтримувати редакційну команду Читати далі
З майбутнім оновленням Windows 10 Creators Update, яке буде випущено наступного місяця, Microsoft Edge підтримуватиме користувацькі властивості CSS, що дозволяє розробникам повністю каскадувати змінні між властивостями CSS.
Загалом, веб-додатки можуть містити досить багато CSS. Більшість значень у файлі CSS будуть повторюваними даними; наприклад, сайт може встановити колірну схему і повторно використовувати три або чотири кольори на всьому сайті. Зміна цих даних може бути складною та схильною до помилок, оскільки вони розкидані по всьому файлу CSS (і, можливо, між кількома файлами) і можуть бути недоступними для пошуку та заміни. CSS Custom Properties вирішує цю проблему, використовуючи сімейство користувацьких властивостей, визначених автором, відомих як користувацькі властивості, які дозволяють розробникам призначати довільні значення властивості з іменем, а також функцію var(), яка дозволяє розробникам потім використовувати ці значення. в інших властивостях в іншому місці документа. Перегляньте приклад нижче,
:root { --primary: #0B61A4; --вторинний: #25567B; } header { background: var(--primary); border-bottom: 2px solid var(--secondary); }
Користувацькі властивості CSS значно полегшать редагування файлів CSS і зменшать ймовірність помилок, оскільки розробники повинні змінити значення один раз у користувацькій властивості, і зміна автоматично пошириться на всі види використання цієї змінної.
Якщо ви розробник, тепер ви можете спробувати користувацькі властивості CSS у нещодавно випущених збірках Windows Insider Preview, починаючи з EdgeHTML 15.15061. Також ознайомтеся з Демо-версія користувацьких властивостей Pooch щоб побачити цю функцію в дії.