2012-10-03 15 views
9

Olası Çoğalt:
Is there a CSS parent selector?.closest() CSS'deki

Ben .closest() kullanarak bu şekilde bakmak bir DOM ağacı gizlemek mümkün.

<div class='parent'> 
    <!-- some html code --> 
    <div class='child'> 
    </div> 
    <!-- some html code --> 
<div> 

$('.child').closest('parent').hide(); 

Sadece CSS kullanarak aynı etkiyi elde etmek mümkün olacaktır?
Evet ise, nasıl?

+2

Hayır, CSS'de ".child <.parent" gibi bir * ataşör * seçici yok. Yoksa başka bir şey mi soruyorsun? – fcalderan

+0

@FabrizioCalderan '.child <.parent' –

+0

gibi görünen bir şeyi gizlemek istiyorum. Bu alanı' $ ('. Child'). 'Ve' en yakın ('parent') olarak kaldırmanız gerekir. bu arada. – Blazemonger

cevap

-6

bu

.child:parent .parent{display:none;} 

http://css-tricks.com/parent-selectors-in-css/

+14

* "Burada bir kullanıcının bunu bir arama motorundan bulması durumunda açık olalım: CSS'de bile ana seçmen yok, CSS3'te bile yok" * (cit.) - bunlar sadece önerilen uygulama değil, gerçek uygulama değil – fcalderan

+1

İnanılmaz bir şekilde, kaç kişinin böyle bir seçicinin var olduğunu öne süren makaleyi yanlış yorumladı. – BoltClock

+0

aaaand bu yüzden jQuery'ye sahibiz. –

3

Önceki veya üst öğeyi seçebilen seçici yok.

currently being developed olan bir seviye 4 seçicisi vardır.

Yani gelecekte, böyle bir şey yapmak mümkün olabilir:

!.parent > .child { display: none; } 

Ama o zamana kadar

, sen jQuery

$('.child').parent(); 

ile sopa gerekecek.