andreyshowa
شنبه 29 تیر 1392, 19:34 عصر
سلام.من این کد رو دارم برای اینکه وقتی روی یک لینک میرم رنگ سایر لینک ها عوض بشه<ولی مشکل اینجاس که وقتی میری رو لینک اول بقیه عوض میشن ولی وقتی روی سایر لینک ها میری لینک هایی که در کد از اون جلوتر اومدن تغییر نمیکنن،مثلا وقتی روی لینک با id مساوی b میری a عوض نمیشه.
ul
<li id="a">
<a href="default.aspx">خانه</a>
</li>
<li id="b">
<a href="uc.html">محصولات</a>
</li>
<li id="c">
<a href="uc.html">پروژه ها و فعا لیت ها</a>
</li>
<li id="d">
<a href="About.aspx">درباره ما</a>
</li>
<li id="e">
<a href="uc.html">ارتباط با ما</a>
</li>
</ul>
#a:hover ~ #b a,#a:hover ~ #c a,#a:hover ~ #d a,#a:hover ~ #e a
{
background-color:orange;
opacity:0.65;
transition:ease-in-out 1s;
}
#b:hover ~ #c a
{
background-color:orange;
}
#c:hover ~ #a a,#c:hover ~ #b a,#c:hover ~ #d a,#c:hover ~ #e a
{
background-color:orange;
opacity:0.65;
transition:background-color 1s;
}
ul
<li id="a">
<a href="default.aspx">خانه</a>
</li>
<li id="b">
<a href="uc.html">محصولات</a>
</li>
<li id="c">
<a href="uc.html">پروژه ها و فعا لیت ها</a>
</li>
<li id="d">
<a href="About.aspx">درباره ما</a>
</li>
<li id="e">
<a href="uc.html">ارتباط با ما</a>
</li>
</ul>
#a:hover ~ #b a,#a:hover ~ #c a,#a:hover ~ #d a,#a:hover ~ #e a
{
background-color:orange;
opacity:0.65;
transition:ease-in-out 1s;
}
#b:hover ~ #c a
{
background-color:orange;
}
#c:hover ~ #a a,#c:hover ~ #b a,#c:hover ~ #d a,#c:hover ~ #e a
{
background-color:orange;
opacity:0.65;
transition:background-color 1s;
}