0

好的，所以我对 CSS 和 HTML 很陌生。基本上我有以下代码：

<html>
<head>
<style type="text/css">
p
{
    font-family:Calibri, Arial, Helvetica, sans-serif;
}

q
{
    color:#698B22;
}
</style>
</head>

<body>
<p>
Foo Bar Foo bar.
<br /><br />
Foo <a href="http://www.stackoverflow.com/">Bar</a> Foo Bar.
<br /><br />
Foo <a href="http://www.stackoverflow.com/">Bar <q>Foo</q> Bar</a> Foo Bar.
<br /><br />
</p>
</body>
</html>

当我在浏览器中查看时，它看起来像这样：

浏览器呈现的 HTML

我想知道的是，为什么在第三行，Foo链接内的单词周围有引号（在 Chrome 和 Firefox 的最新版本中，IE9 中没有）？另外，我如何获得报价？

谢谢

4

7 回答 7

5

q不是自定义标签，它已经存在。

于 2012-04-17T15:50:11.840 回答
1

在 IE9 中工作，所以我可能猜你没有声明 doctype

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
于 2012-04-17T15:50:51.443 回答
1

标签告诉浏览器在单词 Foo 周围加上引号

于 2012-04-17T15:51:53.857 回答
0

您已将 HTML 短引号标记添加到您的链接。删除 q 部分，引号将消失。 http://www.w3schools.com/tags/tag_q.asp

如果你想在 CSS 中做你正在做的事情： Foo <a href="http://www.stackoverflow.com/">Bar <span class="q">Foo</span> Bar</a> Foo Bar.

并将您的 CSS 更改为： .q { color:#698B22; }

请注意，您不能在 CSS 中创建新的 HTML 元素 - 您可以覆盖默认设置或创建新的类或 ID。

于 2012-04-17T15:51:15.367 回答
0

由于<q>Tag 的意思是引号，一些浏览器会自动在内容周围加上引号。
在这种特殊情况下，我建议您使用另一个标签，例如：<em>代替。

更多：http ://www.w3.org/wiki/HTML/Elements/q

于 2012-04-17T15:52:09.233 回答
0

浏览器有默认样式表，您使用的可能会添加它们，但您可以覆盖它，

q {
   quotes: none;
}
q:before, q:after {
  content: "";
  content: none;
}
于 2012-04-17T15:52:53.883 回答
0

使用<span>Foo</span>一个词来赋予它特定的 CSS 样式。

于 2012-04-17T15:55:46.173 回答