Как правильно написать селектор CSS с классом И псевдоклассом?

Question

Простой вопрос: как правильно написать селектор CSS с классом И псевдоклассом?

Например:

a.someclass:active {
  top:1px;
}

или

a:active.someclass {
  top:1px;
}

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

Answer 1

Они оба верны, хотя первый встречается чаще.

Вот что указано в грамматике CSS . Вы можете видеть, что селекторы .class и :pseudo разрешены в одних и тех же местах вместе с селекторами #id и [attrib=val]:

simple_selector
  : element_name [ HASH | class | attrib | pseudo ]*
  | [ HASH | class | attrib | pseudo ]+
  ;
class
  : '.' IDENT
  ;
pseudo
  : ':' [ IDENT | FUNCTION S* [IDENT S*]? ')' ]
  ;

Answer 2

Первый - Оба правы

Уровень селекторов 3

Answer 3

Оба должны быть в порядке, если я правильно понимаю документацию :

Псевдоклассы разрешены во всех последовательностях простых селекторов, содержащихся в селекторе.Псевдоклассы разрешены в любом месте последовательности простых селекторов , после ведущего селектора типа или универсального селектора (возможно, опущен).