Укладка синтаксиса псевдокласса?

Question

Я искал в Интернете около часа, однако мне кажется, что я нахожу только «общие» учебники.

у меня есть, если у меня есть CSS код, как

.foo { 
    border-color: #ff000; 
} 

.foo:hover { 
    border-color: #0000ff; 
} 

Могу ли я сделать это в один класс, как элемент? Ниже приведена демонстрация идеи, я не знаю, возможно ли это. не

.foo { 
    border-color: #ff0000; 
    border-color-hover: #0000ff; 
} 

Answer 1

Для чего вы пытаетесь выполнить, вы не будете использовать CSS-ваниль. Вы можете посмотреть SASS/SCSS или LESS.

МЕНЬШЕ позволит вам сделать это:

foo { 
    border-color: #ff0000; 
    &:hover { border-color: #0000ff; } 
} 

Answer 2

Нет, вы не можете сделать это, вы должны отделить его в :hover класс, как в первом примере.

Answer 3

Нет, это невозможно. И почему это должно быть? Ваш первый пример отлично работает.