استفاده دو سی اس اس متفاوت برای 2 سلکت باکس متفاوت

[Dj_reym0n]

با سلام
من 2 تا select box دارم که یکیش باید دایرکشنش ltr باشه ، و اون یکی دایرکشنش rtl
کد css من به این شکله :

select {
/* -moz-border-radius: 8px;
-moz-box-shadow: 1px 1px 5px #cfcfcf inset; */
border: 1px solid #cfcfcf;
vertical-align: top;
background-color: #FFF;

}
option {
border-bottom: 1px solid #CCC;
text-align:left;
padding-left:5px;
height:25px;
line-height:30px !important;
font-family:Tahoma, Geneva, sans-serif;
font-size:11px;
padding-top:5px;
direction:rtl;
background-image:url(img/select_bg4.jpg);
background-repeat:repeat-x;
}
option:hover {
cursor: pointer;
background-image:url(img/select_hover_bg.jpg);
background-repeat:repeat-x;
font-family:Tahoma, Geneva, sans-serif;
font-size:11px;
}
option:select {
cursor: pointer;
color:#600;
background-image:url(img/select_hover_bg.jpg);
background-repeat:repeat-x;
font-family:Tahoma, Geneva, sans-serif;
font-size:11px;
}​

و هر 2 تا سلکت باکس من از این استفاده می کنند . بدون اینکه من بهشون کلاس تعریف کنم
مشکلی که من دارم اینه که میخوام برا هر سلکت باکسم یه استایل با دایرکشن متفاوت تعریف کنم ولی همش از این کد بالا تبعیت میکنند
ممنون میشم کمکم کتید

 

[echessdesign]

درود بر شما
به یکی از آنها Class بدید و برای Class تعریف شده، مقدار متفاوت در نظر بگیرید

 

[Dj_reym0n]

درود بر شما
به یکی از آنها Class بدید و برای Class تعریف شده، مقدار متفاوت در نظر بگیرید

با سلام و تشکر از پاسخی که دادید
من هم همین کار رو می کنم ولی هر 2 تا سلکت باکس از یک option استفاده می کنند و اعمال نمیشه
اگه امکان داره یه نمونه بسازید با استایلی که من فرستادم در پست قبل
option یکی از سلکت باکس ها rtl باشه و یکی ltr .
ممنون میشم اگه این لطف رو بکنین . چون شدیدن تو یه پروژه ای گیر افتادم

 

[echessdesign]

لطفا نمونه کد هایی که 2 کلاس متفاوت برای آنها تعریف کردید را در اینجا قرار دهید...