@Senseich

Чем отличаются псевдоклассы с разным двоеточием?

Все привет! Никогда не обращал на это внимание, но сегодня увидел в чужой верстке, и появилось пару вопросов:

Например:
input::-moz-placeholder {text-overflow:ellipsis;} 
input:-moz-placeholder {text-overflow:ellipsis;}


1) Чем отличаются такие записи, с одним двоеточием и с двумя?

2) И второй вопрос, что означает запись без указания элемента (т.е. просто, псевдокласс и свойства)

Например:

:focus {outline: 0;}

::-webkit-input-placeholder {
    color: #3d3d3d;
}


Относительно второго вопроса, я как бы подозреваю, что это имеется ввиду для всех элементов, но если я не ошибаюсь, для этого используется символ звездочка * ?

  • Вопрос задан
  • 326 просмотров
Решения вопроса 1
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
В древние времена все браузеры поддерживали только одинарное двоеточие. В наше время (начиная с IE9) принято использовать:


Эта рекомендация делает код немного более читаемым в ситуациях, когда таких псевдо-сущностей используется много.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
С двумя двоеточиями это по стандарту CSS3, с одним двоеточием более старые стандарты
Ответ написан
Комментировать
Symphony
@Symphony Куратор тега CSS
Разная спецификация CSS.
В CSS3 используется одинарное двоеточие, как и двойное, но IE8 поддерживает одно двоеточие. Поэтому лучше использовать одно двоеточие.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы