visibility:hidden 在 firefox 中如何？

Question

我有这样的代码：

.module::first-letter{
    visibility:hidden;
}

但此解决方案不适用于 Firefox:( Display:none;不使用“::第一个字母”CSS 代码:(

如何在 Firefox 中隐藏第一个字母？

Answer 1

注意：以下属性可与 ::first-letter 一起使用：

• 字体属性
• 颜色属性
• 背景属性
• 边距属性
• 填充属性
• 边框属性
• 文字装饰
• 垂直对齐（仅当浮动为 'none' 时）
• 文本转换
• 行高
• 浮动
• 清晰

http://www.w3schools.com/cssref/sel_firstletter.asp

另一个注意，它只适用于块级元素，我不确定，我可能是错的，你可以只用 CSS 隐藏第一个字母。在 JS 中很容易实现。

Answer 2

正如其他答案中提到的，可以使用的属性是有限的，但其他浏览器供应商可能正在启动更大的支持

As this list will be extended in the future, it is recommended that you not use any other properties inside the declaration block, in order to keep the CSS future-proof.

来源：MDN

Answer 3

您可以随时尝试设置 font-size:0，但不完全支持此设置。

.module::first-letter{
    font-size:0
}

<div class="module">Hide Letter H  </div>

或万不得已 color:transparent

.module::first-letter {
  color: transparent
}

<div class="module">Hide Letter H</div>

注意两者的区别，第一个去掉字母space，第二个 一个没有。