PDA

View Full Version : حرفه ای: اختصاص رنگ به پس زمینه



teymoorei
دوشنبه 30 شهریور 1394, 08:28 صبح
سلام دوستان

ظاهرا مشکل من سادس:لبخندساده:

یه پرتال سازمانی دست منه که برای طراحی ظاهر سایت محدودیت داره و از داخل مدیرت میشه فقط به یک فایل style دسترسی داشته باشی .

من میخوام رنگ پس زمینه عوض شه .

زمانی که از کد زیر استفاده میکنم رنگ div ها هم عوض میشه ، در حالی که من میخوام فقط background تغییر کنه .

body{
background-color:#D2D9CC;
}
اولا که راه حل پیشنهادی تونو میخوام .

دوما آیا میتونم به جای body از * استفاده کنم و بگم بجز رنگ div ها ؟

امیدوارم که منظورم رو رسونده باشم .

با تشکر از همه دوستان خوبم

anvar
دوشنبه 30 شهریور 1394, 14:16 عصر
استفاده از * به هیچ وجه پیشنهاد نمیشه - چون برای هر کنترلی در صفحه در زمان رندر باید چک و اعمال بشه
همانند کد بالا رنگ body رو به مقدار مورد نظر ست کنید
احتمالا پائین تر از لول (سطح) body تگ های div وجود دارند که با تعیین رنگ آنها با رنگی متفاوت (مثلا رنگ زمینه سفید داشته باشن) با تگ body مشکل مورد نظر حل میشه
برای اینکه به div های که بلافاصله فرزند تگ body می شوند دسترسی داشته باشی می تونی از سلکتور زیر استفاده بکنی
body > div
حالا می تونی رنگ این div ها رو به رنگ مورد نظرت تغییر بدی تا متفاوت با body بشن

2 - در css3 بصورت زیر تگ های مورد نظر رو از سلکتور مستثنی می کنیم (فقط در مرورگرهای مدرن پشتیبانی می شود)
:not(X)
X هم تگ مورد نظر شما یا کلاس یا آی دی آن است.

لینک زیر اطلاعات جامع تری دارد

https://css-tricks.com/almanac/selectors/n/not/