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

css - Cách thay đổi ::after của phần tử con

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

Tôi có phần tử cha và một số phần tử con nhưng tôi không thể thay đổi trực tiếp CSS của chúng. Vì vậy, tôi đang cố gắng thay đổi CSS của con tôi trong CSS của phần tử gốc. Ví dụ:

.parent {
& .đứa trẻ {
::sau đó {
width: 100%;
màu nền: đen;
}
}
}

Đây chỉ là một ví dụ đơn giản để thể hiện rằng tôi muốn thay đổi con mình ::sau đóYếu tố giả.

我该怎么做?

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

Như Bryce đã chỉ ra, bạn không viết CSS ở đây, bạn đang viết nó bằng ngôn ngữ tiền xử lý CSS mà trình duyệt không hiểu.

SCSSNhững gì bạn viết có nghĩa là:

các ::sau đó phần tử giả của một phần tử có cả .parent lớp học và .đứa trẻ lớp học.

Đây là ký hiệu trong SCSS (&) có nghĩa là: bộ chọn trước đóBộ chọn phía sau.

Vì vậy, theo nghĩa đen, bạn nên chuyển đổi nó sang CSS sau:

.parent.child::sau {
width: 100%;
màu nền: đen;
}

Xin lưu ý rằng.parent.đứa trẻ Không có khoảng cách giữa chúng. Điều này thể hiện sự cần thiết của hai lớpcách cư xử.

Tuy nhiên, bạn có thể có nghĩa là:

các ::sau đó phần tử giả của một .đứa trẻ phần tử của một .parent yếu tố.

nên

.parent > .child::after {
width: 100%;
màu nền: đen;
}

hoặc thoải mái hơn (cho phép vào .parent.đứa trẻ Có bất kỳ số lượng phần tử nào trong hệ thống phân cấp giữa):

.parent .child::sau {
width: 100%;
màu nền: đen;
}

(注意.parent.đứa trẻkhoảng cách giữa)

Về css - Cách thay đổi :: của phần tử con, 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/57896946/

27 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