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

لماذا لا تعمل بعض تنسيقات CSS مع أنني كتبتها

Waled Noaman

السؤال

ما هو سبب تعطل أكواد الcss في الأسطر الأخيرة من ملف الcss وعدم تعطلها في البداية   

تم التعديل في بواسطة Wael Aljamal
توضيح السؤال
رابط هذا التعليق
شارك على الشبكات الإجتماعية

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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...