olampiad
یک شنبه 09 شهریور 1393, 17:17 عصر
سلام و خسته نباشید به اساتید عزیز
من ی کدی دارم که باید حتما یا استفاده از css اون رو عملی کنم.
به این کد من ی نگا بندازید
من می خوام وقتی که میره روی دایو onee روی برادران اون تغییرات انجام بشه؟
من می خوام وقتی که میره روی دایو onee روی three و two تغییرات انجام بشه؟
ممنون بابت راهنمایی ها
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> index </title>
<style type="text/css">
#alll{
width:1000px;
height:300px;
margin:auto;
background:#6FF;
color:#000;
margin-top:60px;
}
#alll div{
transition:all 1s;
}
#onee{
transition:all 3s;
width:300px;
height:300px;
float:right;
}
#twoo{
width:300px;
height:300px;float:right;
}
#three{
width:300px;
height:300px;
float:right;
}
#onee:hover #twoo #three{
color:#ccc;
}
</style>
</head>
<body>
<div id="alll">
<div id="onee">
this is a windoes page and okkkkk
</div>
<div id="twoo">
this is a windoes page and okkkkk
</div>
<div id="threee">
this is a windoes page and okkkkk
</div>
</div>
</body>
</html>
من ی کدی دارم که باید حتما یا استفاده از css اون رو عملی کنم.
به این کد من ی نگا بندازید
من می خوام وقتی که میره روی دایو onee روی برادران اون تغییرات انجام بشه؟
من می خوام وقتی که میره روی دایو onee روی three و two تغییرات انجام بشه؟
ممنون بابت راهنمایی ها
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> index </title>
<style type="text/css">
#alll{
width:1000px;
height:300px;
margin:auto;
background:#6FF;
color:#000;
margin-top:60px;
}
#alll div{
transition:all 1s;
}
#onee{
transition:all 3s;
width:300px;
height:300px;
float:right;
}
#twoo{
width:300px;
height:300px;float:right;
}
#three{
width:300px;
height:300px;
float:right;
}
#onee:hover #twoo #three{
color:#ccc;
}
</style>
</head>
<body>
<div id="alll">
<div id="onee">
this is a windoes page and okkkkk
</div>
<div id="twoo">
this is a windoes page and okkkkk
</div>
<div id="threee">
this is a windoes page and okkkkk
</div>
</div>
</body>
</html>