مشكلة في كتابة CSS
كـتبـهـا H.A.A بتاريخ 4 تشرين الثاني, 2009 - 04:19
عندما أردت تغيير خصائص أحد القوائم واستعنت بإضافة Firebug
ظهر لي أسم الكلاس class="leaf first id-"
لا أدري كيف أقوم بكتابته في ملف CSS
هل اكتبه هكذا leaf-first-id
جربت أكثر من طريقة ولم يفلح شيء منها
وما حكاية id وماذا يعني
علماً أني أستخدم ثيم basic
- سَجل الدخـول لإرسَــال تـَعلـيق.
لم تكتب الاسم بشكل كامل
لم تكتب الاسم بشكل كامل لن استطيع مساعدتك حاول كتابة الاسم بشكل كامل
بشكل عام اسماء الكلاس تبدأ بنقطة
و المعرف id تبدأ ب #
عليك أن تعلم أن الكلاس و الأي د تطبقهم بنفس الطريقة و الاختلاف الوحيد ما بينهم هو أن الكلاس تستعمل أكثر من مرة بينما لا يحق لك استعمال الاي د غير مرة واحدة على الصفحة
شكراً لك أخي أنا أعرف ماذا
شكراً لك أخي أنا أعرف ماذا يعني id وكلاس في css
لكن المشكلة في كلاسات معينة في هذا الثيم انظر الصورة
http://filaty.com/i/911/90963/css.gif
هذي الكلاسات عندما أنسخ أسمها واضعه في ملف css واضع لها خصائص فإنها لا تتأثر..
لا أدري كيف أكتبها هناك مسافات وشرطات لا ادري ماذا تعني
أولاُ حدد حاوية القائمة
عليك كتابتها بالشكل التالي:
أولاُ حدد حاوية القائمة و هي
#block-menu-menu-footer سأرفق صورة في نهاية التعليق لأن العربية هي اللغة المبدئية للموقع الكتابة لاتظهر كما أريد
ثانيا بعد فراغ واحد اكتب اسم القائمة و هي
ul .menu
بعد ذلك حدد أولاد القائمة
li
تحد الأولاد بشكل عام
li .leaf frist
تحدد فقط أول عنصر
li .leaf last
تحدد أخر عنصر
في الصورة المرفقة
طريقة الكتابة بشكل جيد
وهذا ما فعلته لكن نفس
وهذا ما فعلته لكن نفس المشكلة
هكذا كتبتها
#block-menu-menu-footer ul .menu li .leaf frist {color: orange;}
أعتقد أن المشكلة في كتابة اسم الكلاس leaf frist
جربت كتبت الأسم هكذا leaf-frist
لكن لم يفلح أيضاً
الخاصة color: تطبق على النص فقط
مع هذه الطريقة في الكتابة الخاصة color: تطبق على النص فقط و القائمة لا تحتوي على نص من الطبيعي أن لا تلاحظ أي تغير
من العلم أن الروابط لا يطبق عليها الخاصة color إلا عندما تكون مرفقة بالخاصة a:link
حاول أن تستعمل الخاصة background-color لتغير لون الخلفية كالتالي :
#block-menu-menu-footer ul .menu li {
background-color:#33FFFF;
}
#block-menu-menu-footer ul .menu a:link {
color: #420505;
text-decoration: none;
background-color: #99FF33;
}
#block-menu-menu-footer ul .menu a:visited {
color : #680205;
text-decoration: none;
}
#block-menu-menu-footer ul .menu a:hover,#block-menu-menu-footer ul .menu a.active {
color: #F9B408;
text-decoration: none;
}
/* CSS Document */
استاذي المشكلة ليست من
استاذي المشكلة ليست من الخاصية .. فقد جربت اغلب الخصائص
وهي تعمل جيداً مع جميع last
لكن أنا أريد تخصيص leaf frist بشيء معين
أنا وضعت بوردر يمين كل عنصر في القائمة وعمل معي بشكل مضبوط
#block-menu-menu-footer ul li {border-right:1px solid #8c8c8c;color:#db4815;padding: 0 5px 0 5px;}
لكن أريد إزالة البوردر من العنصر الأول في القائمة leaf frist
فقمت بكتابة
#block-menu-menu-footer ul .menu li .leaf frist{border:none;}
لكي أزيل الحد من العنصر الأول في القائمة.
لكن لم يحدث أي تغيير ولازال هُناك حد يمين أول عنصر.
العنصر الأول مختلف عن بقية العناصر
لم أفهم لماذا تريد استعمال leaf first id و أنت لا تحتاج لها
على هذه الصفحة هناك شرح لكيفية انشاء الكلاس الاولى و الاخيرة Add "first" and "last" classes on list view LI's
سأحضر شرح على حلقات عن القوائم وضبطها هذا أولها
أتمنى أن أكون قد أجبت على سؤالك من خلال هذا الشرح