How to set different styles for the header on the main page?

Question

css

I have a header with a background on all pages, and on the main page I need to make the background of the header transparent. How to be?
The hat is in a separate chunk, if that. I do not want to duplicate for the sake of adding a class.

Answer 1

in a hat

<div class="стиль для всех остальных">

Answer 2

Just add to the main class, for example:
write in the styles:

.bg-transparent {
  background: transparent !important;
}

Answer 3

Make an additional field, checkbox. And output the class by if else
In the chunk Output of the chunk