Question

我有一个页面title.php，它被拉入我网站的不同页面。参见title.php的代码;

<link rel="stylesheet" type="text/css" href="title.css" />
<div class='titlebar'>
    <img src='images/Banner.jpg' \>
    <p class='title'> MY WEBSITE </p>
    <p class='copyright'>All Content is Copyright &#copy; MY COPYRIGHT</p>
</div>

我正在使用以下title.css;

来提取样式

div.titlebar {
    display: block;
    background: #000000; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#000000, #F0F8FF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#000000, #F0F8FF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#000000, #F0F8FF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#000000, #F0F8FF); /* Standard syntax */
}
div.titlebar > img {
    display: block;
    margin-left: auto;
    margin-right: auto;     
}
div.titlebar > p.title {
    text-align: center;
    color: blue;
    font-size: 30pt;
    font-weight: bold;
    font-style: italic;
}
div.titlebar > p.disclaimer {
    text-align: center;
    color: red;
    font-size: 24pt;
    font-weight: bold;
}
div.titlebar > p.copyright {
    text-align: center;
    color: blue;
    font-size: 24pt;
    font-weight: bold;
}

样式正在申请title.php中的所有内容，除了“copyright”，它仍然是默认样式。我认为这与版权符号有关，但我没有通过谷歌搜索找到解决方案。

我的代码或方法有什么错误？

Answer 1

由于这个未解决的问题仍然是Google的第一个搜索结果，因此我想与大家分享我在这里找到的解决方案：https://stackoverflow.com/a/38362138/2635396

虽然该链接讨论了选中标记符号，但我发现，版权符号也适用于同一问题（使用表情符号代替标准字符）。

我已经将文本复制到CMS中，但没有意识到它使用的是表情符号，但是当我将其替换为标准字符符号（在Mac上为Option + g）时，CSS就会按预期方式应用。

（发布此消息后，我立即意识到这可能不算是OP的问题的答案，但我想尝试帮助其他在此遇到与我相同的问题的人。）

Answer 2

这是您想要的结果吗？

div.titlebar {
  display: block;
  background: #000000;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#000000, #F0F8FF);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#000000, #F0F8FF);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#000000, #F0F8FF);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#000000, #F0F8FF);
  /* Standard syntax */
}

div.titlebar>img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

div.titlebar>p.title {
  text-align: center;
  color: blue;
  font-size: 30pt;
  font-weight: bold;
  font-style: italic;
}

div.titlebar>p.disclaimer {
  text-align: center;
  color: red;
  font-size: 24pt;
  font-weight: bold;
}

div.titlebar>p.copyright {
  text-align: center;
  color: blue;
  font-size: 24pt;
  font-weight: bold;
}

<div class='titlebar'>
  <img src='images/Banner.jpg' \>
  <p class='title'> MY WEBSITE </p>
  <p class='copyright'>All Content is Copyright &copy; MY COPYRIGHT</p>
</div>

如果是这样，则将&#copy;替换为©，一切正常。

Answer 3

＆安培; #copy;是无效的符号。试试©

Answer 4

版权符号应为

&copy;

不是

&#copy;

我希望它能解决你的问题。

Answer 5

&copy; is right code

CSS样式表不适用于版权

5 个答案: