【发布时间】：2011-12-17 01:10:28
【问题描述】：
我看到的 CSS 样式如下所示：
input::-webkit-input-placeholder {...}
或
input:-moz-placeholder {...}
他们向我提出了几个问题：
- 这些东西叫什么？ （我在谷歌上搜索时遇到了问题。）
- 是否有完整的列表，哪些浏览器支持哪些浏览器？
- 哪些元 CSS 语言（Sass、Less、Stylus 等）支持这些（如果有）？
谢谢！
【问题讨论】：
【发布时间】：2011-12-17 01:10:28
【问题描述】：
带有一个冒号的东西称为伪类，它用于处理对象的不同状态（如: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 找到好的列表。
【讨论】：
它们被称为供应商特定属性，它们通常是 CSS3 格式的供应商版本。由于 CSS3 还不是标准，从技术上讲，任何实现它们的浏览器都在实现供应商特定的扩展。
-moz 表示 Mozilla，又名 firefox 等。 -webkit 表示基于 webkit 的浏览器，即 Safari、Chrome、Konqueror 等。 -ms
【讨论】：
-
我了解供应商特定的属性（例如“-webkit-border-radius”等），我特指这些伪类选择器，例如输入的 html5 输入属性在类级别匹配的字段（“::-webkit-input-placeholder”）不是属性。也许是供应商特定的类？
-
@So8res - 嗯，它们是特定于供应商的伪类，但我不希望在这个特定术语上找到太多，因为大多数文本只是将它们称为 HTML5/CSS3 伪类.实施它们的供应商只使用供应商扩展，直到最终确定。