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

html - :nth-child và :nth-of-type không hoạt động

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

Tôi có 3 nút và đối với nút thứ hai, tôi đang cố gắng thêm lề cho nút đó, nhưng vì lý do nào đó, loại con thứ n và loại thứ n không thay đổi giao diện chút nào. Tôi đoán là tôi chỉ không hiểu cách chúng hoạt động, vì vậy nếu ai đó có thể lan tỏa một chút tình yêu thương thì thật tuyệt!

Mã CSS:

.ctabutton .viewbutton {
chiều cao: 30px;
chiều rộng: 150px;
bán kính đường viền: 30px;
màu nền: trắng;
lề: tự động;
text-align: center;
chiều cao dòng: 30px;
lề trên: 50px;
}

.viewbutton:nth-of-type(2) {
lề trên: 25px;

}

mã html:


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

Nó sẽ hoạt động tốt...có lẽ của bạn HTML Có một vấn đề.

Hãy thử điều này:

HTML:


CSS:

.ctabutton .viewbutton {
chiều cao: 30px;
chiều rộng: 150px;
bán kính đường viền: 30px;
màu nền: trắng;
lề: tự động;
text-align: center;
chiều cao dòng: 30px;
lề trên: 50px;
}
.viewbutton:nth-of-type(2) {
lề trên: 25px;
}

JSFiddle Demo

nó chỉ ở phần thứ hai div Bật thay đổi lề trên

Về html - :nth-child và :nth-of-type không hoạt động, 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/24922382/

28 4 0
không gian vũ trụ
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
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