اذهب إلى المحتوى

السؤال

Recommended Posts

  • 0
نشر

ربما تكمن المشكلة في أولوية التنسيقات، في حال كتابة محدد وصول عن طريق class في الجزء السفلي للملف و وجود تنسيق يعتمد على id في الجزء العلوي، فإن تنسيق id سيعطي تأثيره لأن له أولوية.

احتمال آخر، هو تضمين عدة ملفات css و تضارب اسماء الصفوف و التنسيقات، في حال كان لديك عنصر تطبق عليه تنسيق يمكنك إضافة الكلمة المفتاحية important! ضمن نفس سطر الخاصية التي لا تظهر فيعطيها معالج css أولوية.

مثال:

<!DOCTYPE html>
<html>
<head>
<style>
#myid {
  background-color: blue;
}

.myclass {
  background-color: gray;
}

p {
  background-color: red !important;
}
</style>
</head>
<body>

<p>This is some text in a paragraph.</p>

<p class="myclass">This is some text in a paragraph.</p>

<p id="myid">This is some text in a paragraph.</p>

</body>
</html>

لاحظ النتيجة:

css-important.thumb.PNG.ea2feb68eb641a07b3ece824190cb352.PNG

بالرفم من أن محدد الوصول خلال الوسم p هو الأقل أهمية لكن إضافة important جلعت تنسيقه يطبق.

  • 0
نشر

هناك عدة أسباب لحصول ذلك ومعظمها لا علاقة لها بترتيب اﻷسطر سواءٌ كانت في اﻷسطر اﻷخيرة أم لا.

إن أخبرتنا أكثر عن حالتك يمكنني أن أعطيك السبب لمشكلتك، ما هو كود الـCSS الذي لا يعمل؟ ما هو كود HTML المستهدف؟ ما الذي تريد القيام به؟ تلوين أزرارٍ مثلاً؟

  • 0
نشر

مرحبًا @Waled Noaman،

من غير الممكن تعطل الأكواد عن العمل إلا إذا كان هنالك خطأ في الأكواد، حيث يمكنك مراجعة الكود الذي يحصل فيه الخطأ والتأكد من الأصناف والعناصر التي طبقت عليها التنسيقات ومن صحة التنسيقات التي قمت بإضافتها.

أنصحك بالدخول إلى  inspect element (خيارات المطور) للعنصر الذي لاتظهر عليه التنسيقات في المتصفح والتأكد هل هذه الأصناف موجودة في قسم التنسيقات في المتصفح وإن لم تكن موجودة غالبًا يوجد خطأ في كتابة الأصناف.

إن واجهتك المشكلة مرة أخرى يمكنك إرسال الملفات بصيغة zip او rar لنتمكن من مساعدتك بشكل أفضل.

أتمنى لك التوفيق.

 

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...