Clear CSS Transitions

Question

Я использую структуру CSS, которая применяет переходы при перемещении мыши по элементам ввода. У меня есть класс, который я хочу не иметь этого перехода. Это возможно?

Answer 1

Просто поместите переход: нет; в css и сделать его приоритет выше, чем другие.

Пример:

HTML:

<div class="a"></div> 
<div class="a b"></div> 

CSS:

div.a { 
    width: 200px; 
    height: 100px; 
    border: 1px solid black; 
    background-color: #EEE; 
    -webkit-transition: background-color 0.5s; 
} 
div.a:hover { 
    background-color: #069; 
} 
div.a.b { 
    -webkit-transition: none; 
}​