[Hỏi đáp] Từ một class:hover chuyển đến child của child của class kế tiếp

Hỏi: Giả sử méo có một đoạn code như sau:

Code:

<div class="a"></div>
<div class="b">
<div class="c">
<div class="d"></div>
</div>
</div>

Với class d có background: #fff
Vậy làm thế nào để hover vào .a thì .d đổi background thành #000 ?

Đáp: https://devs.forumvi.com/t129-hoi-dap-tu-mot-class-hover-chuyen-den-child-cua-child-cua-class-ke-tiep?showpost=p826

méo dùng như vầy nhá :

Code:

 .a:hover + .b .d { background :#000 }

ligerv wrote:méo dùng như vầy nhá :

Code:

 .a:hover + .b .d { background :#000 }

bỏ qua cái cục .c luôn hở bác? :v

Méo wrote:

ligerv wrote:méo dùng như vầy nhá :

Code:

 .a:hover + .b .d { background :#000 }

bỏ qua cái cục .c luôn hở bác? :v

Ừ. Vì nó đã nằm trong .b thì nó sẽ select mọi phần tử trọng .b có class là c

http://jsfiddle.net/baivong/t44aj/embedded/result,html,css/

Ố! Sao hiện lên được hay thế :v

Viết code trên jsfinddle rồi lấy link nhúng vào bài viết.

Dùng js để chuyển link sang iframe.

Code:

$(".post-entry a[href^='http://jsfiddle.net/'][href*='/show/'],.post-entry a[href^='http://jsfiddle.net/'][href*='/embedded/']").replaceWith(function(){
   return '<iframe width="100%" height="300" src="' + this.href + '" allowfullscreen="allowfullscreen" frameborder="0"></iframe>'
});

Xem ở đây: http://doc.jsfiddle.net/use/embedding.html