CSS特殊类，如“：-moz-placeholder”

Question

我已经看到了CSS样式，如下所示：

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

或

input:-moz-placeholder {...}

他们为我提出了几个问题：

• 这些东西叫什么？ （我在搜索它们时遇到了麻烦。）
• 是否有一个全面的列表，哪些浏览器支持哪些浏览器？
• 哪些meta-CSS语言（Sass，Less，Stylus等）支持这些语言，如果有的话？

谢谢！

Answer 1

有一个冒号称为伪类的东西，它用于处理对象的不同状态（如：hover和'active）。

可以在那里找到镜头描述和列表：http://reference.sitepoint.com/css/css3psuedoclasses w3.org上的说明：http://www.w3.org/TR/selectors/#pseudo-classes

具有2个冒号的东西称为伪元素，它用于自动生成内容或设置部分内容的样式，如第一行的第一个字母。

关于w3.org的说明：http://www.w3.org/TR/selectors/#pseudo-elements

此列表中有很多特定于浏览器的扩展名。这没有在css3标准中记录。

你可以在这里找到Mozilla浏览器的列表：https://developer.mozilla.org/en/CSS_Reference/Mozilla_Extensions在“伪元素和伪类”一节中。

找不到好的Webkit伪元素列表和-classes。

Answer 2

它们被称为供应商特定属性，它们通常是CSS3格式的供应商版本。由于CSS3尚未成为标准，因此技术上任何实现它们的浏览器都在实现特定于供应商的扩展。

-moz意味着Mozilla，又名firefox等。 -webkit表示基于webkit的浏览器，即Safari，Chrome，Konqueror等。 -ms

请参阅：http://reference.sitepoint.com/css/vendorspecific