hover

[mahdivita]

سلام
من یه کلاس دارم به اسمه .portfolio-items li و یک کلاس دیگه دارک به اسم.caption15 حالا میخوام که وقتی روی .portfolio-items li هاور (hover) شد به caption15 یه خصوصیاتی بدم
چی باید بنویسم؟؟

[Mori Bone]

کلاس
caption15 رو دقیقا زیر .portfolio-items li قرار بده(فزند قرار ندی ها)
بعد اینجوری عمل کن:
.portfolio-items li:hover + caption15 {
visibility : hidden;
}
کامل تر هم خواستی میتونم توضیح بدم ولی
درباره سلکتور ها در سی اس اس هم یه سرچ می زدی بد نبود
:چشمک:

[mahdivita]

من الان کد زیر رو نوشتم اما کار نمیکنه
.portfolio-items li:hover+.caption15{
background-color:#066;

}

[Mori Bone]

html همین دوتا کلاس رو می گذارین
CSS Selectors (http://www.w3schools.com/cssref/css_selectors.asp)

[mahdivita]

من اونا رو خوندم اما نتونستم
یادمه یه بار من از ~ استفاده کردم اما الان نمیشه نمیدونم چرا
کسی نیست؟؟؟

[AliRezaBeytari]

سلام دوست عزیز.
این نمونه رو ببینید :



<style>
.abc {
width: 200px;
height: 200px;
background-color: yellow;
}
.def {
width: 200px;
height: 200px;
background-color: blue;
}
.abc:hover + .def {
background-color: red;
}
</style>
<div class="abc"></div>
<div class="def"></div>


موفق باشید.

[mahdivita]

الان اینو نوشتم مشکلش چیه خب چرا اجرا نمیشه؟؟
.portfolio-items li:hover + .caption15{
background-color:#066;

}

[AliRezaBeytari]

الان اینو نوشتم مشکلش چیه خب چرا اجرا نمیشه؟؟
.portfolio-items li:hover + .caption15{
background-color:#066;

}

لطفا کل کد رو قرار بدید.
شاید به جای اینکه از Class استفاده کنید ، از ID استفاده کرده باشید.

[Mori Bone]

اگه html همین کلاس هارو بگذارین صد درصد جواب میدم. می خوام بدونم اصلا با css شدنی هس برای شما و htmlتون

[mahdivita]

نگاه کنید خودتون
http://jsfiddle.net/644snrxg/

[Mori Bone]

باید از علامت < استفاده کنید