!important для всего блока css

Нет такого.Пишите !important отдельно для каждого свойства.

Можно использовать "вес" селекторов css, использовать цепочки селекторов. important используем когда нет возможности написать правила правильно, или для исключительных случаев.

можно представить, что

• p - один селектор это 1 бал
• div p - это 2 бала
• .class - класс это 10
• #id - идентификатор это 100

тогда

• body(1) #id(100) .class(10) p(1) === 112
• body(1) p(1) === 2

Этого вполне достаточно, чтобы правильно спланировать свою структуру.

!important может (но не обязательно) потенциально создать трудности при переопределении стилей в будущем. Поэтому его нужно использовать именно для "важных" значений, которые не должны переопределятся или имеют особый приоритет.

.wrapper { 
  color: red; 
} 
 
.list { 
  color: green; 
} 
 
.btn { 
   color: blue; 
} 
 
.wrapper .btn { 
  color: orange; 
} 
 
.wrapper .list .btn { 
  color: yellow; 
} 
 
.wrapper .list .ul li:first-child > a.btn { 
  color: black; 
} 
 
 
#btn { 
 color: violet; 
}

<div class="wrapper"> 
  <div class="list"> 
     <ul class="ul"> 
        <li><a class="btn">ul .btn</a></li> 
        <li><a class="btn">ul .btn</a></li> 
        <li><a class="btn" id="btn">#btn</a></li> 
     </ul> 
     <p>.list p</p> 
  </div> 
  <p>.wrapper p</p> 
</div>