Wraz z aktualizacją Windows 10 Creators Update Microsoft Edge będzie obsługiwał niestandardowe właściwości CSS
2 minuta. czytać
Opublikowany
Udostępnij ten artykuł
Ulepsz ten przewodnik
Przeczytaj naszą stronę z informacjami, aby dowiedzieć się, jak możesz pomóc MSPoweruser w utrzymaniu zespołu redakcyjnego Czytaj więcej
Wraz z nadchodzącą aktualizacją Windows 10 Creators Update, która zostanie opublikowana w przyszłym miesiącu, Microsoft Edge będzie obsługiwać niestandardowe właściwości CSS, które pozwolą programistom na pełne kaskadowanie zmiennych we właściwościach CSS.
Ogólnie aplikacje internetowe mogą zawierać sporo CSS. Większość wartości w pliku CSS będzie zduplikowanymi danymi; na przykład witryna może ustalić schemat kolorów i ponownie użyć trzech lub czterech kolorów w całej witrynie. Zmiana tych danych może być trudna i podatna na błędy, ponieważ są one rozproszone po całym pliku CSS (i prawdopodobnie w wielu plikach) i może nie być podatna na funkcję Znajdź i zamień. CSS Custom Properties rozwiązuje ten problem za pomocą rodziny niestandardowych właściwości zdefiniowanych przez autora, znanych łącznie jako niestandardowe właściwości, które umożliwiają programistom przypisywanie dowolnych wartości do właściwości o nazwie, oraz funkcji var(), która pozwala programistom następnie używać tych wartości w innych właściwościach w innym miejscu dokumentu. Sprawdź przykład poniżej,
:root { --primary: #0B61A4; -- drugorzędne: #25567B; } nagłówek { background: var(--primary); border-bottom: 2px stałe var(--dodatkowe); }
Niestandardowe właściwości CSS sprawią, że edytowanie plików CSS będzie znacznie łatwiejsze i mniej podatne na błędy, ponieważ programiści muszą zmienić wartość raz we właściwości niestandardowej, a zmiana zostanie automatycznie zastosowana do wszystkich zastosowań tej zmiennej.
Jeśli jesteś programistą, możesz teraz wypróbować niestandardowe właściwości CSS w niedawno wydanych kompilacjach Windows Insider Preview, zaczynając od EdgeHTML 15.15061. Sprawdź także Demonstracja właściwości niestandardowych aby zobaczyć tę funkcję w akcji.
