PDA

View Full Version : استايل به يك span درون div


saadatieathar
پنج شنبه 10 اسفند 1391, 22:18 عصر
سلام.
من يك div دارم كه توش 2 تا span گذاشتم
حالا مي خوام وقتي موس توي محدوده div رفت رنگ span ها تغيير كنه و اينكه بتونم رنگ هاي span رو هم تعيين كنم
يعني مثلا دو تا span دارم وقتي كه موس روي دايو رفت و hover شد يه span رنگش ابي شه يه span رنگش قرمز.
ممنون مي شم راهنماييم كنيد.
اين هم كد:


<html>
<style>
.post
{
height:400px;
width:600px;
border:1px solid #b9bbbc;
}
.post span
{
padding:8px;
}
.post:hover span
{
display:block;
padding:8px;
background:#2da3da;
}
</style>


<div class="post">
<span id="blue" >
Blue
</span>
<br/><br/>

<span id="red">
red
</span>

</div>
</html>
pirmard66
پنج شنبه 10 اسفند 1391, 22:38 عصر
سلام دوست عزیز...

شما اینو بزار توی استایل:

.post:hover #blue
{
color:blue;

}
.post:hover #red
{
color:red;

}


Good Luck
tamafi6
شنبه 12 اسفند 1391, 16:55 عصر
به این صورت بنویسی بهتره همه چیزبانظم وترتیب میشه


<style>
.post span:nth-type(1) {
color:blue;
}
.post span:nth-type(2) {
color:red;
}
</style>

<div class="post">
<span></span>
<span></span>
</div>