tôi đang sử dụng Truy vấn phần tửĐược phép trên bất kỳ phần tử nào truy vấn @media
các phần tử. Đây là cách nó được xử lý:
#foo:media(min-available-width:350px và max-available-width:750px) {
nền: đỏ;
}
Nhưng cú pháp như vậy tạo ra lỗi (không có gì lạ):
(Dòng 1: CSS không hợp lệ sau "...available-width":expected ")",
là ":350px và tối đa-...")
问题是 :
sau đó không gian
.
Làm cách nào tôi có thể đặt cú pháp của riêng mình vào tệp SCSS? Hoặc làm cách nào để cho bộ tiền xử lý biết phần nào của mã nên được giữ lại? Hoặc ít nhất, làm thế nào để đoạn mã cụ thể này hoạt động?
Các tình huống khác:
#foo:media(min-available-width:350px) {
nền: đỏ;
}
#foo:media(max-available-width:750px) {
nền: đỏ;
}
#foo .bar:media(min-available-width:350px) {
nền: đỏ;
}
Không sử dụng truy vấn phần tử.
Bạn có thể đạt được kết quả tương tự bằng cách sử dụng CSS hợp lệ và SASS cơ bản:
#foo {
@media (chiều rộng tối thiểu: 350px) {
nền: đỏ;
}
}
Điều này tạo ra CSS sau:
@media (chiều rộng tối thiểu: 350px) {
#foo {
background: red;
}
}
Vì vậy, không cần phải sử dụng phương pháp truy vấn phần tử lộn xộn này.
PS cũng kiểm traĐiểm dừngVà Bộ cắt điểm dừngHoạt động truy vấn phương tiện tốt hơn.
Tôi là một lập trình viên xuất sắc, rất giỏi!