Показать сообщение отдельно
  #1 (permalink)  
Старый 13.05.2018, 19:07
Аватар для madeas
Профессор
Отправить личное сообщение для madeas Посмотреть профиль Найти все сообщения от madeas
 
Регистрация: 13.04.2018
Сообщений: 232

Добавить параметр в css
Здравствуйте!
Я в js не очень силен, поэтому вопрос к мастерам. Можно ли при помощи js добавить еще один параметр внутрь css?
Поясню.

Есть блок с классом .block-1, которому в стилях прописано свойство:
box-shadow: 10px 20px 30px blue;

Вопрос. Можно ли при помощи скрипта, не зная основных значений свойства (этих - 10px 20px 30px), задать еще параметр inset?

Я могу сделать так:
[].forEach.call(document.querySelectorAll('[class*="block-1"]'), function(node) {
       node.style.boxShadow = "inset 10px 20px 30px blue;"
});

но для этого мне придется задать значения целиком. А надо чтобы можно было делать не затрагивая их.

Сейчас есть:
<style>
.block-1 {
box-shadow: 10px 20px 30px blue;
}
</stele>
<div class="block-1"></div>


Надо чтобы:
<style>
.block-1 {
box-shadow: inset 10px 20px 30px blue;
}
</stele>
<div class="block-1"></div>
Ответить с цитированием