2

我已经看到了以下几行的 CSS 样式：

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

或者

input:-moz-placeholder {...}

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

  • 这些东西叫什么？（我在谷歌搜索时遇到了麻烦。）
  • 是否有一个完整的列表，哪些浏览器支持哪些浏览器？
  • 哪些元 CSS 语言（Sass、Less、Stylus 等）支持这些（如果有的话）？

谢谢！

4

2 回答 2

4

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

可以在此处找到镜头说明和列表：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 找到好的列表。

于 2011-10-28T06:29:09.087 回答
3

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

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

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

于 2011-10-28T05:27:57.560 回答