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

Waled Noaman · 11 فبراير 2021

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

تم التعديل في 11 فبراير 2021 بواسطة Wael Aljamal
توضيح السؤال

أحمد حبنكة · 11 فبراير 2021

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

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

Abdulhamid Hamsho2 · 11 فبراير 2021

مرحبًا @Waled Noaman،

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

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

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

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

Wael Aljamal · 11 فبراير 2021

ربما تكمن المشكلة في أولوية التنسيقات، في حال كتابة محدد وصول عن طريق 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>

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

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

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

السؤال

Waled Noaman

3 أجوبة على هذا السؤال

Recommended Posts

أحمد حبنكة

Abdulhamid Hamsho2

Wael Aljamal

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

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية