آموزش important در CSS | آموزش کامل + نمونه کد

قبلی بعدی

ویژگی important! در CSS

ویژگی important! به معنای اولویت دادن است، برای اهمیت دادن بیشتر به یک المان نسبت به حالت عادی از این ویژگی استفاده می شود.

h1 {
     background-color: blue;
   }
h2 {
      background-color: pink;
   }
p {
    background-color: purple !important;
   }

نکته: از !important به شرطی استفاده می کنیم که یک ویژگی به نسبت بقیه ویژگی ها مهمتر باشد و اولویت بیشتری برای اجرا داشته باشد.

نکته: توجه داشته باشید که استفاده از قانون important!، تمامی قوانین استایل قبلی برای آن ویژگی خاص در آن المان را لغو می کند.

نادیده گرفتن قانون important! زمانی امکان پذیر است که از یک قانون important! دیگر در یک المان نام ببریم و اولویت با قانون اخر است.

#myid {
  background-color: gray !important;
}

.myclass {
  background-color: blue !important;
}

p {
  background-color: red !important;
}

قبلی بعدی

توسعه دهندگان

احسان اسلامی