cuốn sách gpt4 ai đã làm

css - Cách đặt #foo :media(min-available-width:350px và max-available-width:750px) vào SCSS

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-03 18:39:21 28 4
mua khóa gpt4 Nike

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: đỏ;
}

câu trả lời hay nhất

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ừngBộ cắt điểm dừngHoạt động truy vấn phương tiện tốt hơn.

Về css - cách đặt #foo :media(min-available-width:350px và max-available-width:750px) vào SCSS, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/17981479/

28 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress