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

Question

Я знаю, что этот вопрос кажется странным, но вы увидите, что его не так сложно понять.

Я пишу это правило с JavaScript:

var cap_style = { 
     all:'initial', 
     'display':'block', 
     'max-width':'100%', 
     'position':'relative', 
     'height':'auto', 
     'margin':'0 auto' 
    }; 

Я использовал правило all:'initial', чтобы избавиться от CSS, что элемент может получить от CSS страницы. Проблема возникает, когда, после того, что я хочу, чтобы добавить класс к переходу его:

.transitioned{ 
    -webkit-transition: height 1s ease; 
    transition: height 1s ease; 
} 

Как вы увидите, что класс не влияет, потому что all:initial устанавливает его снова: transition: initial.

Как вы можете видеть, я переопределяю часть всех: начальные свойства, например, я переопределяю отображение, максимальную ширину и положение. Так что вопрос:

Можно ли переопределить свойство перехода, чтобы наследовать его от класса?

Если возможно, было бы что-то вроде:

var cap_style = { 
     all:'initial', 
     'display':'block', 
     (...) 
     'transition':'super' 
    }; 

Answer 1

Вы можете использовать !important

.transitioned{ 
    -webkit-transition: height 1s ease !important; 
    transition: height 1s ease !important; 
}