Printable View
با سلام به تمامی اساتید
بنده دو قایل سی اس اس دارم یکی style.css و دیگیری rtl.css که در هردو یک خط مشترک دارم . با کمی تغییر مشکل اینجاست که وقتی سایت لود می شود هر دو کلاس رو می خونه و متن خراب می شود . نمونه کد ها رو زیر گذاشتم ممنون می شم راهنماییم کنید ممنون .
فایل style.css
فایل rtl.cssکد:.list_item .list_right { padding: 5px 0 0 0; margin-left: 100px; word-wrap: break-word; }
کد:.list_item .list_right { margin-right: 100px !important;}
سلام
وقتی برای یک المنت استایل های مختلف تعریف بشه، همه ی استایل ها روی المنت تاثیر می ذارن.
فقط وقتی یک استایل تاثیر می ذاره و دیگری نمی ذاره، که هر دو دقیقا یک تاثیر خاص رو روی یک المنت خاص بذارن.
مثلا فایل اول شامل این کد باشه:
و فایل دوم شامل این کد:کد:.list_item .list_right { margin-right: 100px ;}
در این صورت فقط استایل فایل دوم اعمال می شه.کد:.list_item .list_right { margin-right: 50px ;}
ولی در مورد فایل های شما این اتفاق نیافتاده و تو هر کدوم از فایل ها یه سری استایل متفاوت رو برای المنت تعریف شده.
اگه می خواین یه سری استایل ها اعمال نشه، یا باید کامنتشون کنین یا پاکشون کنین.
ممنونم از راهنمایت دوست عزیز این حرف کاملا درست هستش اما یه نکته وجود داره اونم اینه که وقتی !important رو در کد می گذاریم یعنی این قسمت از کد یا دستور مهم هستش و الویت داره نسبت به بقیه . اما تو این کد نمی دونم چرا اولویت نداره . نمی دونم کجای کار
خواهش می کنمنقل قول:
important واسه وقتیه که تو فایل بالا هم margin-right داده باشین. اونوقت میاد این رو اعمال می کنه.
در حال حاضر 100 پیکسل از چپ مارجین داره 100 پیکسل از راست. پس عملا تو فایل اول margin-right وجود نداره که این important بخواد تاثیر بذاره.
یعنی الان باید چکار کنه؟
تو کد بالا !important چکار میکنه مگه؟:n13:کد:.list_item .list_right { margin-right: 100px !important;}