Chúng tôi muốn ẩn nút cho đến khi chúng tôi di chuột qua lớp div.nút ẩn css cho đến khi di chuột
Fiddle đây>Click to view
Về cơ bản, tôi muốn để có thể áp dụng điều này để các yếu tố khác cũng có, nhưng điều này sẽ làm cho bây giờ, bất kỳ sự giúp đỡ đánh giá cao
.resultContainer:hover .viewThisResult { display: block; }
:hover pseudoselector trên phụ huynh. Mặc dù nó là tốt đẹp khi mã cho câu hỏi được bao gồm trong câu hỏi, cho hậu thế.
Đơn giản chỉ cần sử dụng :hover pseudo- lớp trên div ngoài:
.resultContainer .viewThisResult {
display: none;
}
.resultContainer:hover .viewThisResult {
display: inline;
}
đây là fiddle: http://jsfiddle.net/dTLaF/1/
cảm ơn, bạn quên: .viewThisResult {display: none} nhưng cổ vũ, làm việc một nét duyên dáng – 422
Phải, xin lỗi. Đã có nó trong fiddle, mà tôi đã thất bại trong việc liên kết quá và đã từ bỏ quá nhanh. :) –