Là màu nền: không có CSS ​​hợp lệ?

Bất cứ ai có thể cho tôi biết nếu CSS sau đây là hợp lệ?

.class {
    background-color:none;
}

Bạn có thể muốn transparentnhư nonekhông phải là một giá background-colortrị hợp lệ .

Thông số CSS 2.1 nêu các điều sau đây cho thuộc background-colortính:

Value: <color> | transparent | inherit

<color>có thể là một từ khóa hoặc một đại diện số của một màu. Các colortừ khóa hợp lệ là:

thủy, đen, xanh dương, fuchsia, xám, xanh lá cây, vôi, maroon, hải quân, ô liu, cam, tím, đỏ, bạc, teal, trắng và vàng

transparentvà inheritlà các từ khóa hợp lệ theo cách riêng của họ, nhưng nonekhông phải.

Không, sử dụng transparentthay thế none. Xem ví dụ hoạt động ở đây trong ví dụ này nếu bạn thay đổi transparentthành nonekhông hoạt động

sử dụng như .class { background-color:transparent; }

Câu trả lời là không.

Sai

.class {
    background-color: none; /* do not do this */
}

Chính xác

.class {
    background-color: transparent;
}

background-color: transparenthoàn thành điều tương tự những gì bạn muốn làm với background-color: none.

.class {
    background-color:none;
}

Đây không phải là một tài sản hợp lệ. Trình xác nhận W3C sẽ hiển thị lỗi sau:

Lỗi giá trị: không có màu nền không phải là giá trị màu nền: none

transparentcó thể đã được chọn là thuật ngữ tốt hơn thay vì 0hoặc nonecác giá trị trong quá trình phát triển đặc tả CSS.

CSS Cấp 3 chỉ định unsetgiá trị thuộc tính. Từ MDN :

Từ khóa CSS không được đặt là sự kết hợp của các từ khóa ban đầu và kế thừa. Giống như hai từ khóa toàn CSS này, nó có thể được áp dụng cho bất kỳ thuộc tính CSS nào, bao gồm cả tốc ký CSS. Từ khóa này đặt lại thuộc tính về giá trị được kế thừa của nó nếu nó kế thừa từ cha mẹ của nó hoặc thành giá trị ban đầu nếu không. Nói cách khác, nó hoạt động giống như từ khóa kế thừa trong trường hợp đầu tiên và giống như từ khóa ban đầu trong trường hợp thứ hai.

Thật không may, giá trị này hiện không được hỗ trợ trong tất cả các trình duyệt, bao gồm IE, Safari và Opera. Tôi đề nghị sử dụng transparenttrong thời gian này.

ghi chép lại cái đó:

.class {
background-color:transparent;
}

Vì vậy, tôi muốn giải thích về kịch bản mà tôi phải sử dụng giải pháp này. Về cơ bản, tôi muốn hoàn tác thuộc tính màu nền được đặt bởi một CSS khác. Kết quả cuối cùng dự kiến ​​là làm cho nó trông như thể CSS ban đầu chưa bao giờ áp dụng thuộc tính màu nền. Thiết lập background-color:transparent;làm cho hiệu quả.