Question

我正在使用包含许多tt标记的计算机生成的HTML文件。我尝试了几种方式来设计它们，但到目前为止还没有任何方法对我有效：例如，

<html>
 <head>
  <style type="text/css">
   .a {color:red;}
  </style>
 </head>
 <body>
  <p><tt class="a">this should be red</tt></p>
 </body>
</html>

不呈现红色（至少在FF 6.0.1 / Ubuntu中）。

我做错了什么，或者不支持样式tt标签？

Answer 1

也许它在某些浏览器上不起作用，因为 tt 元素已被正式弃用（请参阅http://www.w3.org/wiki/HTML/Elements/tt）。 tt 标记的推荐替代方法是在CSS中使用font-family: monospace。

Answer 2

http://jsfiddle.net/kw6d5/

在Win7上运行Chrome 13，Firefox 6，IE9。

Answer 3

我只是在chrome和IE中尝试过它并且效果很好。尝试另一个浏览器，看看，也许它是特定于Firefox的。

Answer 4

我刚刚测试了，.a{color:red;}似乎在FF 6中为<tt>设置了一个a的样式（在mac上）。

您可能已在tt设置了样式吗？请尝试使用tt.a{ color:red; }代替？

使用CSS设置`tt`样式

4 个答案: