Chuyển CSS thành inline trực tuyến

Chuyển CSS thành inline trực tuyến

Chuyển các quy tắc CSS đơn giản, không lồng nhau thành kiểu nội tuyến; từ chối các bộ chọn khác nhau khớp cùng một phần tử.

Trình duyệt phân tích HTML và CSS. Văn bản của tất cả phần tử style được nối với CSS bổ sung ở phía sau. Các quy tắc cùng bộ chọn được tích lũy theo thứ tự nguồn. Khai báo nội tuyến gốc giữ mức ưu tiên nội tuyến và tuân theo !important. Kết quả luôn là tài liệu đầy đủ bắt đầu bằng doctype, dù xóa hay giữ thẻ style.

Chỉ chuyển đổi quy tắc kiểu không lồng nhau. Nếu các chuỗi bộ chọn khác nhau khớp cùng một phần tử, quá trình dừng với lỗi thay vì đoán độ ưu tiên bộ chọn. Không mở rộng quy tắc @ hoặc quy tắc chứa CSS lồng nhau. Không chuyển đổi phần tử giả, kiểu đã tính toán hoặc biểu định kiểu ngoài. Trình duyệt có thể loại CSS không hợp lệ và chuẩn hóa HTML.

Mỗi trình soạn thảo nhận tối đa 500000 đơn vị mã UTF-16. Tổng văn bản quy tắc tích lũy, dấu phân cách và văn bản nội tuyến gốc trên các phần tử khớp được giới hạn ở 4000000 đơn vị mã UTF-16; đầu ra tuần tự hóa cũng có giới hạn đó. Hãy giảm phần tử HTML hoặc khai báo CSS nếu vượt giới hạn. Đây không phải bảo đảm hiệu năng cho mọi đầu vào.

Quá trình dùng CSS đã dán ngay trên trình duyệt; không tải biểu định kiểu ngoài. Kết quả là văn bản, không phải bản xem trước, chức năng tải xuống hay công cụ làm sạch HTML. Không xóa tập lệnh hoặc mã đánh dấu nguy hiểm. Kiểm tra mã trước khi dùng và thử trong trình duyệt hoặc ứng dụng email đích; không bảo đảm hiển thị giữ nguyên.

<style>p{color:red}</style><p>A</p>
→ <p style="color: red;">A</p>