Với Windows 10 Creators Update, Microsoft Edge sẽ hỗ trợ Thuộc tính tùy chỉnh CSS
2 phút đọc
Được đăng trên
Chia sẻ bài báo này
Cải thiện hướng dẫn này
Đọc trang tiết lộ của chúng tôi để tìm hiểu cách bạn có thể giúp MSPoweruser duy trì nhóm biên tập Tìm hiểu thêm
Với Bản cập nhật Windows 10 Creators sắp được phát hành vào tháng tới, Microsoft Edge sẽ hỗ trợ Thuộc tính tùy chỉnh CSS cho phép các nhà phát triển xếp tầng đầy đủ các biến trên các thuộc tính CSS.
Nói chung, các ứng dụng web có thể chứa khá nhiều CSS. Hầu hết các giá trị trong tệp CSS sẽ là dữ liệu trùng lặp; ví dụ, một trang web có thể thiết lập một bảng màu và sử dụng lại ba hoặc bốn màu trên toàn bộ trang web. Việc thay đổi dữ liệu này có thể khó khăn và dễ xảy ra lỗi, vì nó nằm rải rác trong tệp CSS (và có thể trên nhiều tệp) và có thể không thể Tìm và Thay thế được. Thuộc tính tùy chỉnh CSS giải quyết vấn đề này bằng cách sử dụng nhóm thuộc tính tùy chỉnh do tác giả xác định được gọi chung là thuộc tính tùy chỉnh, cho phép nhà phát triển gán giá trị tùy ý cho thuộc tính có tên và hàm var (), cho phép nhà phát triển sau đó sử dụng các giá trị đó trong các thuộc tính khác ở nơi khác trong tài liệu. Hãy xem một ví dụ bên dưới,
:root { --primary: #0B61A4; --thứ cấp: #25567B; } tiêu đề { nền: var(--chính); đường viền dưới cùng: 2px solid var(--secondary); }
Thuộc tính tùy chỉnh CSS sẽ giúp chỉnh sửa tệp CSS dễ dàng hơn và ít bị lỗi hơn, vì các nhà phát triển phải thay đổi giá trị một lần trong thuộc tính tùy chỉnh và thay đổi sẽ tự động áp dụng cho tất cả các mục đích sử dụng của biến đó.
Nếu bạn là nhà phát triển, bây giờ bạn có thể dùng thử Thuộc tính tùy chỉnh CSS trong các bản dựng Windows Insider Preview được phát hành gần đây bắt đầu bằng EdgeHTML 15.15061. Ngoài ra, hãy kiểm tra Bản trình diễn Pooch thuộc tính tùy chỉnh để xem tính năng này hoạt động.
