Question

我试图通过使用一个段落中的dropcap。我想我找到了正确的工作流程并在我的网站的另一个区域进行了测试，它运行得很好。当我想将相同的技术应用于所需的段落时，内容（段落的第一个字母）在浏览器中查看时会更改为＆＃34; 03 /＆＃34;。我尝试了几种不同的选项但总是相同的结果..当我检查chrome中的元素时，它显示＆＃34; 03 /＆＃34;作为内容，这是不正确的。有谁知道可能导致这种情况的原因？

的CSS：

#services .firstcharacter {    /*displays /03 instead of character*/
    float: left; 
    color: #000; 
    font-size: 75px; 
    line-height: 80px; 
    padding-top: 4px; 
    padding-right: 8px; 
    padding-left: 3px; 
    font-family: Georgia; }

HTML：

<p><span class="firstcharacter">N</span>ulla...</p>

paragraph screenshot

谢谢！

额外信息

起初我删除了#services，但没有更改..之后我编写了不同的代码：

CSS

.service p.char a{
    float: left; 
    color: #000; 
    font-size: 75px; 
    line-height: 80px; 
    padding-top: 4px; 
    padding-right: 8px; 
    padding-left: 3px; 
    font-family: serif;
}

HTML

<p class="char"><a><span>D</span></a>ulla...</p>

但没有改变。

当我在浏览器（chrome）中检查元素时，span的内容已更改为03 /。但是当我在那里改变它时，角色＆＃34; D＆＃34;或者正确显示的内容。

无法真正看到此错误的位置..我检查了我的整个代码中的＆＃34; 03 /＆＃34;组合也改变了字体设置，但也没有运气。

Answer 1

由于我不知道完整代码，我只建议您从css中删除#services。或者将<meta charset="UTF-8">添加到<head>。或两者兼而有之。

Answer 2

通过删除html，我解决了问题..

现在我有了解决方案，但仍想知道为什么会这样。感谢您的回复并帮助我找到原因。

Dropcap内容与html不匹配

2 个答案: