Специальные классы CSS, такие как: -moz-placeholder - PullRequest
Новая
       80

Специальные классы CSS, такие как: -moz-placeholder

2 голосов
/ 28 октября 2011

Я видел CSS-стилизацию по следующим строкам: 

input::-webkit-input-placeholder {...}

или 

input:-moz-placeholder {...}

И у меня возникает несколько вопросов:

  • Как называются эти вещи?(У меня проблемы с поиском в Google.)
  • Есть ли где-нибудь исчерпывающий список, какие из них поддерживаются какими браузерами?
  • Какие языки мета-CSS (Sass, Less, Stylus и т. Д.)) есть поддержка для них, если таковые имеются?

Спасибо!

Ответы [ 2 ]

4 голосов
/ 28 октября 2011

Эта вещь с одним двоеточием называется псевдоклассами, она используется для адресации различных состояний объекта (например, hover и 'active).

Описание и список снимков можно найти здесь: http://reference.sitepoint.com/css/css3psuedoclasses Описание на w3.org: http://www.w3.org/TR/selectors/#pseudo-classes

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

Описание на w3.org: http://www.w3.org/TR/selectors/#pseudo-elements

Существует множество расширений этого списка, специфичных для браузера.Это не задокументировано в стандарте css3.

Список браузеров Mozilla можно найти здесь: https://developer.mozilla.org/en/CSS_Reference/Mozilla_Extensions в разделе «Псевдоэлементы и псевдоклассы».

Можетнайти хороший список псевдоэлементов и классов Webkit с помощью.

3 голосов
/ 28 октября 2011

Они называются свойствами, специфичными для поставщика, и, как правило, они представляют собой версию поставщика в формате CSS3. Поскольку CSS3 еще не является стандартом, технически любой браузер, который их реализует, реализует специфичное для поставщика расширение.

-moz означает Mozilla, он же Firefox и т. Д. -webkit означает браузеры на основе webkit, т.е. Safari, Chrome, Konqueror и т. д. -мс

См .: http://reference.sitepoint.com/css/vendorspecific

...