PDA

View Full Version : سوال: سوال در باره به کار بردن چند id در یک id در CSS3



amirsina23
دوشنبه 12 اسفند 1392, 16:36 عصر
باسلام بنده میخواستم بدونم که چور میتونم در CSS3 ایدی های دیگر رو درون یک ایدی صدا بزنم مثلا به فرض ما داریم :


<div id="bax">
<div id="dar"></div>
<div id="tam"></div>
<div id="nem"></div>
</div>


#dar{
background-image:url(../images/red.png); background-repeat:no-repeat; position:absolute; height:100px; width:150px; margin-left:575px; margin-top:120px;
}
#nem{
background-image:url(../images/blue.png); background-repeat:no-repeat; position:absolute; height:100px; width:150px; margin-left:575px; margin-top:170px;
}
#tam{
background-image:url(../images/ghav.png); background-repeat:no-repeat; position:absolute; height:100px; width:150px; margin-left:575px; margin-top:220px;
}
#bax{
position:absolute; margin-top:78.5px;
}

میخوام وقتی که خاصیت :
bax:hover{}

اجرا بشه هر کدوم از ایدی های tam , nem ,dar از هم 20 پیکسل فاصله بگیرند چه کدی درون hover باید قرار بدم ؟ !!

پیشاپیش ممنون
<3

***BiDaK***
دوشنبه 12 اسفند 1392, 21:53 عصر
میتونی دیو هارو کلاس همنام بدی و با این دستور :


#box:hover .child
{
margin-bottom: 30px;
}

میتونی هر کد دیگه ای بدی.
اینجا (http://jsfiddle.net/mvm7L/)رو ببین.

amirsina23
دوشنبه 12 اسفند 1392, 22:15 عصر
میتونی دیو هارو کلاس همنام بدی و با این دستور :


#box:hover .child
{
margin-bottom: 30px;
}

میتونی هر کد دیگه ای بدی.
اینجا (http://jsfiddle.net/mvm7L/)رو ببین.

فرمایش شما متین هست ولی این برا وقتی هست که div ما ماهیت خاصی نداشته باشه ولی من سه تا btn دارم که هر کدوم txt دارن و اگر از یک کلاس استفاده کنم همه چی بهم میریزه
ببینید
http://amazingfree.tk/uploads/139387403242041.pnghttp://amazingfree.tk/uploads/139387403270692.pnghttp://amazingfree.tk/uploads/139387403272463.png
اگه بخواهم برای 3 تای اینها از یک کلاس استفاده کنم یا روی هم قرار میگیرن یا کلا خراب میشه

چاره دیگه ای سراغ ندارید ؟

ممنون <3

***BiDaK***
دوشنبه 12 اسفند 1392, 22:20 عصر
فرمایش شما متین هست ولی این برا وقتی هست که div ما ماهیت خاصی نداشته باشه ولی من سه تا btn دارم که هر کدوم txt دارن و اگر از یک کلاس استفاده کنم همه چی بهم میریزه
ببینید
http://amazingfree.tk/uploads/139387403242041.pnghttp://amazingfree.tk/uploads/139387403270692.pnghttp://amazingfree.tk/uploads/139387403272463.png
اگه بخواهم برای 3 تای اینها از یک کلاس استفاده کنم یا روی هم قرار میگیرن یا کلا خراب میشه

چاره دیگه ای سراغ ندارید ؟

ممنون <3
خوب شما میتونید به هر کدوم هر تعداد که میخواین کلاس بدید(نام کلاس های یک تگ با space از هم جدا میشن.).میتونید با آیدی یا یک سری کلاس ها هر کدوم استایل خاص خودش رو بدید و یک کلاس هم فقط برای حرکتشون.
این دمو (http://jsfiddle.net/mvm7L/8/)رو ببینید.

amirsina23
دوشنبه 12 اسفند 1392, 22:29 عصر
خوب شما میتونید به هر کدوم هر تعداد که میخواین کلاس بدید(نام کلاس های یک تگ با space از هم جدا میشن.).میتونید با آیدی یا یک سری کلاس ها هر کدوم استایل خاص خودش رو بدید و یک کلاس هم فقط برای حرکتشون.
این دمو (http://jsfiddle.net/mvm7L/8/)رو ببینید.

اها متوجه شدم مرسی از پاسخگویی
بسته شود