Как правильно обратиться к css классу

[spoon100500]

Подскажите пожалуйста, пытаюсь обратиться к классу .gamma-description-wrapper через jq для изменения background

$('.gamma-description-wrapper').css({
    'background': 'rgba(0,0,0,0.7)'
   });

Но не выходит.
Вот разметка

<div class="gamma-single-view" style="display: block;">
<div class="gamma-options gamma-options-single">
<div class="gamma-buttons">
<button class="gamma-btn-close"></button>
<button class="gamma-btn-ssplay"></button>
</div>
</div>
<nav class="gamma-nav"><span class="gamma-prev"></span><span class="gamma-next"></span></nav>
<div class="gamma-description-wrapper">
<div class="gamma-description" style="">
::before
<h3>Sky high</h3></div>
</div>
<img src="" style="">
</div>

Вот сам css, ну не весь конечно)) главная часть так сказать)

.gamma-description {
    background: #fff;
    background: rgba(255, 255, 255, 0.6);
    position: absolute;
    top: 20px;
    left: 20px;
    bottom: 20px;
    right: 20px;
    text-align: center;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 18px;
    color: #fff;
    transition: opacity 0.4s ease-in-out;
}
 
.no-touch .gamma-gallery li:hover .gamma-description {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 1;
}
 
.gamma-description:before {
    content: '';
    height: 100%;
}
 
.gamma-description:before,
.gamma-description h3 {
    display: inline-block;
    vertical-align: middle;
}
 
.gamma-description-wrapper {
    background: rgba(0,0,0,0.7);
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 10;
    padding: 5px 0;
}

Подскажите как это сделать то))

[spoon100500]

С background в .gamma-description-wrapper вопрос решил, но возник следующий)
Как поменять colore у Sky high?

<div class="gamma-description" style="">
::before
Sky high
</div>

Я понимаю так, что он наследует все из .gamma-description да еще и псевдоэлементом является.

.gamma-description:before {
    content: '';
    height: 100%;
}

[Вадим Мошев]

Сообщение от spoon100500

С background в .gamma-description-wrapper вопрос решил

Напишите, как вы это сделали. Это будет полезно окружающим.

Сообщение от spoon100500

понимаю так, что он наследует все из .gamma-description да еще и псевдоэлементом является.

Сам Sky high не является псевдоэлементом - он является заголовком h3. Сам же псевдоэлементы в HTML никак не задаются, у них нет тегов, поэтому указывать их, как "::before" - неверно и бесполезно.

Насколько я знаю, напрямую воздействовать на псевдоэлементы через js/jq невозможно. Я бы посоветовал сделать так.

.class1:before {
оформление_1
}

.class2:before {
оформление_2
}

потом программно изменить class1 на class2