خطاهای CSS

خطاها در CSS می‌توانند منجر به رفتار غیرمنتظره یا اعمال نادرست استایل‌ها شوند. این صفحه اشتباهات رایج CSS و نحوه جلوگیری از آن‌ها را نشان می‌دهد.

فراموش کردن نقطه-ویرگول (Semicolon)

فراموش کردن نقطه-ویرگول (;) در پایان یک اعلانِ ویژگی (property declaration) می‌تواند کل قانون استایل را خراب کند.

.bad {
  color: red;
  background-color: yellow;
}

استفاده از نام ویژگی‌ای که وجود ندارد، به سادگی توسط مرورگر نادیده گرفته می‌شود.

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

ویژگی‌های صحیح اما با مقادیر نامعتبر نیز نادیده گرفته خواهند شد.

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

اگر بستن آکولاد (}) را فراموش کنید، ممکن است کل قانون (rule) نادیده گرفته شود.

.bad {
  padding: 20px;
  margin: 10px;

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

.bad {
  color:: blue;
}

فراموش کردن نقطه-ویرگول (;) در پایان یک اعلانِ ویژگی (property declaration) می‌تواند کل قانون استایل را خراب کند.

.bad {
  color: red;
  background-color: yellow;
}

استفاده از نام ویژگی‌ای که وجود ندارد، به سادگی توسط مرورگر نادیده گرفته می‌شود.

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

ویژگی‌های صحیح اما با مقادیر نامعتبر نیز نادیده گرفته خواهند شد.

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

اگر بستن آکولاد (}) را فراموش کنید، ممکن است کل قانون (rule) نادیده گرفته شود.

.bad {
  padding: 20px;
  margin: 10px;

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

.bad {
  color:: blue;
}