Спасибо огромное.
Но не совсем так, я все же не точно поставил задачу, прошу прощения.
Суть в том, что у каждого блока первый класс - разный.
То есть выглядит это так:
<dt class="box_first box__open" data-cls="box_first">
<img src="" alt="">
<h2>text</h2>
</dt>
<dd class="box__hide"><p class="hidden_text">text</p></dd>
<dt class="box_second box__open" data-cls="box_first">
<img src="" alt="">
<h2>text</h2>
</dt>
<dd class="box__hide"><p class="hidden_text">text</p></dd>
<dt class="box_third box__open" data-cls="box_first">
<img src="" alt="">
<h2>text</h2>
</dt>
<dd class="box__hide"><p class="hidden_text">text</p></dd>
Моя задача: присвоить каждому "dd" стили предыдущего "dt".
У каждого из 'dt' в классе "box_(firsr, second, third и тд)" - прописаны: background-color и color, и их надо мне перенять для "dd", чтобы сохранять одинаковую цветовую гамму.