Make the trailing-whitespace CSS rule more specific

Bug: Issue 10710
Change-Id: I49a8029bc4bf48bcbfc743e72d2dc799f9e8691b
(cherry picked from commit 0037f28f07364d6a8ba015ad787e7a320b1aa9fe)
diff --git a/polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html b/polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html
index bddfc6d..dd0b6bb 100644
--- a/polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html
+++ b/polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html
@@ -180,7 +180,12 @@
         /* >> character */
         content: '\00BB';
       }
-      .trailing-whitespace {
+      /* Is defined after other background-colors, such that this
+         rule wins in case of same specificity. */
+      .trailing-whitespace,
+      .content .trailing-whitespace,
+      .trailing-whitespace .intraline,
+      .content .trailing-whitespace .intraline {
         border-radius: .4em;
         background-color: var(--diff-trailing-whitespace-indicator);
       }