可见性：隐藏在firefox中如何？

Question

我有这样的代码：

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

但是这个解决方案不适用于Firefox :( 显示：无;没有使用＆＃34; ::第一个字母＆＃34; CSS代码：（

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

Answer 1

您可以随时尝试设置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>

注意两者之间的区别，第一个删除字母空格，第二个 一个没有。

Answer 2

注意：以下属性可以与:: first-letter：

一起使用

• 字体属性
• 颜色属性
• 背景属性
• 保证金属性
• 填充属性
• 边境属性
• 文字修饰
• vertical-align（仅当float为＆＃39; none＆＃39;）
• 文本变换
• 行高
• 浮
• 明确

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

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

Answer 3

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

  

由于此列表将来会被扩展，因此建议您不要在声明块中使用任何其他属性，以保持CSS面向未来。

来源：MDN