ارورهای CSS (Errors): شناسایی سریع و رفع مؤثر

در این صفحه با «ارورهای CSS» آشنا می شوید. بنابراین رفتارهای غیرمنتظره را تشخیص می دهید و با چند الگوی ساده، خطاها را سریع برطرف می کنید.

ارورهای CSS چیست؟

خطاها باعث نادیده گرفتن قوانین یا اعمال نادرست استایل می شوند. اما مرورگر معمولاً از کنار قوانین معیوب می گذرد.

فراموشی سمی کالن می تواند قانون را بشکند و اعلان های بعدی نادیده گرفته شوند.

.bad { color: red /* ';' فراموش شده */
  background-color: yellow; }

نام ویژگی اشتباه است؛ بنابراین مرورگر آن را نادیده می گیرد.

.bad { colr: blue; font-size: 16px; }

ویژگی درست است؛ اما مقدار غیرمجاز است و اعمال نمی شود.

.bad { width: -100px; color: green; }

فراموشی } ممکن است کل قانون را بی اثر کند.

.bad { padding: 20px; margin: 10px; /* } فراموش شده */

تایپ اشتباه مانند دونقطه اضافی یا آکولاد جابه جا قانون را خراب می کند.

.bad { color:: blue; }

نکته: برای مستندسازی و غیرفعال سازی موقت از کامنت ها کمک بگیرید.

هشدار: هنگام ادغام چند فایل، ترتیب بارگذاری را کنترل کنید تا از «ارورهای CSS» ناشی از Override ناخواسته جلوگیری شود.

برای درک بهتر رنگ ها و خطاهای مرتبط، صفحه رنگ ها در CSS را ببینید. همچنین برای افزودن صحیح استایل ها به HTML، به نحوه استفاده مراجعه کنید. برای جمع بندی، راهنمای پیشگیری از ارورهای CSS با کامنت گذاری را بخوانید.