将h1样式设置为等效的font-size：none

Question

我的句子的字体大小由指定的类决定。例如

.font24{font-size:24px;}

现在我想将其中一个句子放在h1标签中，这样Google就会看到一些结构，并意识到这是它需要索引的重要内容。但我不希望将默认的h1样式应用于句子，这将覆盖.font24类样式。所以看起来我需要定义一个新的h1样式，但是我在那里用什么来取消前面的h1声明已经应用的字体大小？似乎没有font-size：none就像有文字装饰：无。

感谢。

Answer 1

使用零代替：

.font24{font-size:0px;}

Answer 2

您可以通过应用以下css解决此问题：

h1{
  font-size: 0;
  font-weight: normal;
  margin:0;
}
.font24 {
  font-size:24px;
}

使用这样的HTML：

<h1 class="font24">This is my example example</h1>

检查小提琴：http://jsfiddle.net/tralala/p8eh2rfd/4/

Answer 3

最好的方法是使用visibility:hidden;

您可以创建另一个要添加到当前.font24

的类

例如，创建一个名为.hidden的新类，并将其与当前组合：

示例

.font24.hidden{visibility:hidden;}