tôi đang đọc cái này , nó nói
Quy tắc @keyframes không xếp tầng, vì vậy hoạt ảnh không bao giờ lấy được khung hình chính từ nhiều bộ quy tắc.
"Thác" ở đây có nghĩa là gì? Tiếng Anh không phải là ngôn ngữ mẹ đẻ của tôi và nếu không có lời giải thích chi tiết hơn, tôi không hiểu ý nghĩa của nó. Có ai có thể đưa ra một ví dụ không?
Ví dụ xếp tầng CSS: -
h1 {
cỡ chữ: 12px;
chiều rộng: 200px; /* Đặt chiều rộng */
}
h1 {
cỡ chữ: 14px; /* Ghi đè quy tắc 12px ở trên */
chiều cao: 200px; /* Đặt chiều cao */
}
Trong ví dụ trên,h1 Kích thước phông chữ của phần tử được đặt đầu tiên trong quy tắc đầu tiên thành 12px, và sau đó 14px Ghi đè quy tắc thứ hai. Chiều rộng được đặt trong quy tắc đầu tiên và chiều cao được đặt trong quy tắc thứ hai. Đây là xếp tầng: nhiều quy tắc xác định kiểu cuối cùng được áp dụng, với mức độ ưu tiên được sắp xếp theo quy tắc theo thứ tự giảm dần.
Ví dụ về tầng khung hình chính
/* SẼ KHÔNG TUYỆT VỜI */
@keyframes exampleAnimation {
0% { trên cùng: 0; lề trái: 0;
100% { trên cùng: 100px; lề: 20px }
}
@keyframes exampleAnimation {
0% { trên cùng: 0; trái: 0;
100% { trên cùng: 0; bên trái: 100px }
}
Ví dụ trên không xếp tầng.Tức là,Chỉ câu lệnh quy tắc cuối cùng được sử dụng cho hoạt ảnh. Hoạt ảnh sẽ di chuyển phần tử hoạt hình sang trái100px, mà bỏ quađứng đầu Vàlề hoạt hình. p>
Tôi là một lập trình viên xuất sắc, rất giỏi!