How to increase priority of my custom CSS? I have this View:

The empty rows have a distrib0 class that should make the background red.
For that I have a custom CSS (amap.css) with tr.distrib0 {BACKGROUND-COLOR:#FF0000;} in it.
I have this amap.libraries.yml containing  

amap:
  version: 1.x
  css:
    theme:
      css/amap.css: {}
  js:
      js/amap.js: {}
  dependencies:
    - core/drupalSettings


and finally, I attach the CSS with  

function amap_views_pre_render(ViewExecutable $view) {
  if($view-&gt;id() == 'calendrier_des_distributions' &amp;&amp; $view-&gt;current_display == 'page_1') {
    $view-&gt;element['#attached']['library'][] = 'amap/amap';
  }
}


As you can see in the screen capture, my CSS is there but after color.css which is part of the current theme.
And of course my background is not red!
What can I do (besides adding tr.distrib0 in tr.distrib0 to color.csswhich I'd prefer to avoid)?
You have added wrong CSS here. Background color will not works with tr tag because we have style of td over tr tag.
Please correct with this code

tr.distrib0 td {
 background-color:#FF0000 !important;
}