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

  • Arun Kumar

    Arun Kumar

    18 Mart 2010
  • Digital Bounds

    Digital Boun

    19 Temmuz 2013
  • Epic Tutorials for iPhone, iPad and iOS

    Epic Tutoria

    18 EYLÜL 2011