爲什麼我的自定義CSS標籤在我將其應用於某些文本時引號引起來

好吧，我對CSS和HTML很新。基本上我有下面的代碼：爲什麼我的自定義CSS標籤在我將其應用於某些文本時引號引起來

<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 Rendered by browser

我想知道的是，爲什麼在第三行，在鏈接內部是否有引號Foo（在最新版本的Chrome和Firefox中，這在IE9中不存在）？另外，我如何得到報價的拍攝？

感謝

來源

2012-04-17 JMK

q不是自定義標籤，它already exists。

來源

2012-04-17 15:50:11

當然是，謝謝！ – JMK 2012-04-17 16:25:39

作品在IE9中，所以我可能會猜測你不聲明DOCTYPE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

來源

2012-04-17 15:50:51 chadpeppers

您已經添加了HTML短報價標記您的鏈接。刪除q部分，引號將消失。 http://www.w3schools.com/tags/tag_q.asp

如果你想要做你的CSS做什麼： Foo <a href="http://www.stackoverflow.com/">Bar Foo Bar</a> Foo Bar.

，改變你的CSS來： .q { color:#698B22; }

請注意，你不能在CSS創建新的HTML元素 - 您可以覆蓋deafult設置或創建新的類或ID。

來源

2012-04-17 15:51:15

的標籤告訴瀏覽器把雙引號的字符

來源

2012-04-17 15:51:53 allen213

各地由於<q>標籤意味着報價，一些瀏覽器會自動添加引號周圍的內容。
在這種特殊情況下，我建議您使用另一個標籤，例如：。

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

來源

2012-04-17 15:52:09

瀏覽器都有默認的樣式表，您使用的可能是一個增加了他們，你雖然可以覆蓋它，

q { 
    quotes: none; 
} 
q:before, q:after { 
    content: ""; 
    content: none; 
}

來源

2012-04-17 15:52:53 Andrew

使用Foo圍繞一個字給它特定的CSS樣式。

來源

2012-04-17 15:55:46 JoeJ

爲什麼我的自定義CSS標籤在我將其應用於某些文本時引號引起來

回答

相關問題