Masquer l'élément enfant d'un div sur le vol stationnaire

Est-il un moyen pour faire ce travail. Je veux passez la souris sur l'extérieur div et de masquer un élément enfant sans l'aide de javascript. Est quelque chose comme cela possible?

.fullwrap:nth-child(1):hover { 
    display: none; 
}

fournir votre code html aussi
Il est techniquement possible, oui. Pourriez-vous fournir un jsFiddle ou HTML? En termes de vous cacher, vous voulez préserver les espaces où il était? Ou agir comme si l'élément n'a jamais été là? visibility: hidden cacher
Travail Violon
Merci C'est un super visuel!

OriginalL'auteur riotgear | 2014-02-04

css parent-child

9

Pour masquer un élément enfant vous avez besoin d'une structure comme ceci:
```
#parent:hover .yourchild {
   display:none;
}
```
Où #parent est votre extérieur div et a la :hover action, alors que vous venez de correspondre à l'élément enfant de faire le cacher.

Dans ce cas, je suppose que vous avez une structure comme ceci:
```
<div class="fullwrap">
  <div>One</div>
  <div>Two</div>
  <div>Three</div>
</div> 
```
Alors de cacher un enfant, vous pouvez faire comme ceci:
```
.fullwrap:hover :nth-child(1) { 
  display: none; 
}
```
Cochez cette Démo http://jsfiddle.net/55TWN/

OriginalL'auteur DaniP

Vous devez vous connecter pour publier un commentaire.