حل بشكل منهجي أنماط متضاربة في CSS

Question

لدي بعض أوراق الأنماط من مصادر مختلفة في مشروع الويب الخاص بي. اريد تنسيقهم. بعض الأنماط التي أحتاجها من واحد ، بعضها من الآخر. هل هناك أداة أو طريقة كيفية حل تعارضات الأناقة بشكل منهجي؟ لقد جربت أداة مطور IE8 ، ونعم ، من الممكن عرض النزاعات على مستوى كل عنصر. لكن لدي العديد من Elemens ، لذلك إذا قمت بذلك عنصريًا ، أعتقد أن هذا يستغرق وقتًا طويلاً. من الناحية النظرية ، يمكن أن تكون هناك أداة تُظهر تعارضات بين ملفين CSS في وقت التصميم؟!؟ أعتقد أن هذا سيوفر لي الكثير من الوقت.

Answer 1

هل جربت هذا امتداد Firefox؟ غبار لي المحدد http://www.brothercake.com/dustmeselectors/ يجعل إزالة الأساليب الزائدة أسهل بكثير.

خلاف ذلك ، من المحتمل أن أظهر جميع الأنماط في ملف واحد ، وأحاول تجميع قواعد مماثلة ، ثم استخدم Dust-Me لإزالة القواعد غير المستخدمة.

Answer 2

CSS ليس لديها صراعات ، ولها شلالات. والفكرة هي أنه يمكنك تحديد قواعد متعددة تنطبق على نفس العناصر والترتيب الذي تضع به الأنماط يعكس أهمية - أي إذا ظهر أخيرًا ، فسيتجاوز القواعد السابقة حيث يوجد شيء تصفه بأنه تعارض.

يجب عليك إما ...

1) حدد ورقة الأنماط الأكثر أهمية ووضعها في المرتبة الثانية

أو

2) أعد كتابة أنماطك لتجنب الفوضى

أو

3) وضع علامة على قواعد مهمة!

Answer 3

إذا قمت بعرض الموقع في Firefox ، واستخدمت امتداد Firebug ، فيمكنك إلقاء نظرة على كل عنصر في صفحتك المقدمة ، وباستخدام علامة التبويب "CSS" في Firefox ، يمكنك رؤية سلسلة قواعد الأناقة التي يتم تطبيقها على هذا العنصر ، ومن ملف مصدر CSS من كل منهما. سوف يوضح لك القواعد التي يتم تجاوزها أيضًا.

هذا مفيد في تحديد المكان الذي تأتي منه كل قاعدة معينة ، وما يتم تجاوزه.

لا يزال لديك مهمة "ترشيد" أوراق أسلوبك ، وقد تكون هناك أدوات أخرى يمكن أن تساعد في ذلك.