Псевдо-классы в одну строку?

Question

[lukoie]

Есть ли какой то способ в цсс написать что-то вроде такого?:

.qty_minus(:hover, :active, :focus) {    
    text-decoration: none;
}

Answer 1

[Алексей Скляров]

SCSS:

.qty_minus {
    &:hover,&:focus,&:active {
       text-decoration:none;
    }
}

Comments

[lukoie]

препроцессоры не пойдет, вопрос был о голом цсс
спасибо

[Алексей Скляров]

lukoie, вам стоит этим заняться. Если у вас уже возник вопрос о быстром написании каких-то классов, псевдоэлементов и тд, то наверняка встанет и вопрос: как же вообще быстрее писать код? Так что я бы вам рекомендовал озадачиться этим

Answer 2

[Alexander Pushkarev]

Только так:

.qty_minus:hover, .qty_minus:active, .qty_minus:focus {
   text-decoration: none;
}

Если хотите как в примере, то пишите свой модуль для postcss и используйте его.

Comments

[lukoie]

не, пример я просто показал как было бы логично
пока как Вы написали так я и делаю
но мне это видится немного избыточным
то есть, просто чтобы у кнопок + и - при клике не было подчеркивания,
в итоге получается длиннющая строка.
потому меня и заинтересовало, возможно все таки есть какой то способ сократить, чтобы только псевдоклассы у класса перечислить

[lukoie]

вообще-то оказалось сработало и вот так:
.qty_plus:hover,:focus,:active, .qty_minus:hover,:focus,:active {
text-decoration: none;
}

[Егор Живагин]

lukoie, скорее всего, этот пример будет работать вообще для всех элементов с focus и active

[lukoie]

Егор Живагин, а, блин, точно

Answer 3

[lukoie]

оказалось сработало вот так:
.qty_plus:hover,:focus,:active, .qty_minus:hover,:focus,:active {
text-decoration: none;
}