Как передать свойства одного стиля другому?

[plas]

Добрый день, сайт на WP, в шаблоне прописаны стили кнопки "btn btn-info" установлен плагин WPCC у него тоже есть кнопка, со своими стилями "wpcc_submit wpcc_submit_3" как назначить стили одной кнопки другой? ( что бы стиль wpcc_submit wpcc_submit_3 унаследовал все от стиля btn btn-info)

 

[zALEHANz]

Никак.
Либо дописать классы "btn btn-info" к "wpcc_submit wpcc_submit_3" либо скопировать все свойства "btn btn-info" в "wpcc_submit wpcc_submit_3".
Можно конечно скрипт написать который ищет "wpcc_submit wpcc_submit_3" и дописывает к ним "btn btn-info", но не думаю, что это хороший вариант.

 

[plas]

Варианта дописать в CSS что-то типа .wpcc_submit {btn-info;} никакого нет?)

 

[zALEHANz]

Нет. CSS до такого еще не додумался. И судя по спецификациям и в css4 ничего подобного не будет. Там работы ведь на пару минут. Скопировать свойства с одного селектора и заменить на другом.

 

[alex_me]

Для вложенных элементов можно использовать значение inherit
Для просмотра ссылки Войди или Зарегистрируйся

Но для того, о чем идет речь нужен scss:

// ++++++++++ Палитра цветов
$deep-purple: #ff0099;
$deep-orange: #ff5501;


// ++++++++++ Миксины
@mixin btn-alert {
    background: $deep-purple;
    color: white;
    &:focus {
        background: $deep-purple;
    }
    &:hover {
        background: lighten($deep-purple, 10);
        a {
            color: white;
        }
    }
}

// ++++++++ Стили

// Делаем первую кнопку малиновой
.my-button-1 {  
    @include btn-alert;
}

// Делаем вторую кнопку малиновой с оранжевой полоской
.my-button-2 {  
    @include btn-alert;  
    border: 2px solid $deep-orange;
}

 

[$_Maclay]

Все очень просто. Необходимо добавить одинаковые стили в оба селектора.

 

[afdivi]

Или дописать через запятую в css ещё один класс для дубликата параметров.

 

[quiksilver]

если задача сделать кнопку в стиле btn btn-info, то удаляй в кнопке классы wpcc_submit wpcc_submit_3 и вставляй btn btn-info

 

[madrom007]

Самое простое решение в стилях найти .btn-info и .btn и добавить нужные к ним

.btn
.wpcc_submit,{
/* стили */
}


.btn-info
.wpcc_submit_3,{
/* стили */
}