SORU
21 Aralık 2010, Salı


Nasıl bir div süpürdü olduğunda diğer elemanları etkiler

Bu çok temel bir soru olduğunu düşünüyorum ama bunu nasıl emin değilim.

Yapmak istediğim şey 7 ** belli bir süpürdü, div başka özellikleri etkiler istedi.

Örneğin, bu basit bir örnek, ne zaman hover #cube değişiklikler background-color ama benim istediğim o zaman ben hover #container, #cubeetkilenen.

div {
  outline: 1px solid red;
}
#container {
  width: 200px;
  height: 30px;
}
#cube {
  width: 30px;
  height: 100%;
  background-color: red;
}
#cube:hover {
  width: 30px;
  height: 100%;
  background-color: blue;
}
<div id="container">

  <div id="cube">
  </div>

</div>

CEVAP
21 Aralık 2010, Salı


Eğer küp doğrudan kabın içinde ise:

#container:hover > #cube { background-color: yellow; }

Küp varsa yanında (konteyner etiketi kapattıktan sonra) konteyner:

#container:hover   #cube { background-color: yellow; }

Eğer küp bir yerde kabın içinde ise:

#container:hover #cube { background-color: yellow; }

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Edgar flores

    Edgar flores

    7 HAZİRAN 2006
  • modica89

    modica89

    24 HAZİRAN 2007
  • Photoshop Pro Help

    Photoshop Pr

    1 Ocak 2007