Question

我正在尝试向网站添加样式表。样式表网址是， http://www.widgetsinabottle.com/widget/widgetstyle.css

以下是页面头部的代码

<link type="text/css" rel="stylesheet" href="http://www.widgetsinabottle.com/widget/widgetstyle.css"/>

这是网站网址， http://widgetsinabottle.com/widget/demo/effect.html#.UBltBWEe5K3

问题是当我用firebug调试它时它没有显示样式表。

以下是<head>

的代码段

<!-- Include jQuery -->

<!-- Include Theatre files - I recommend extracting all the Theatre files into "theatre" folder for easier upgrades in the future -->

http://www.widgetsinabottle.com/widget/widgetstyle.css'rel ='stylesheet'type ='text / css'/＆gt;

Answer 1

您的样式表不是有效的CSS。从文档的开头删除这些行：

<!-- Design for nicer paging -->
<style type="text/css">

以及底部的这些行：

    </style>
</head>

Answer 2

让你的css看起来像这样:(删除其他所有内容，它无效！）

  .paging {
  text-align: center;
  }
  .paging span {
  text-decoration: none;
  color: silver;
  cursor: pointer;
  }
  .paging span.active {
  font-size: 2em;
  color: black;
  }

  .paging2 span {
  font-size: 2em;
  }
  .test {
  text-align: center;
  }
  .test span {
  text-decoration: none;
  color: silver;
  cursor: pointer;
  }
  .test span.active {
  font-size: 2em;
  color: black;
  }

  .test2 span {
  font-size: 2em;
  }

Answer 3

在我看来，您已将HTML代码粘贴到xml文档中，摆脱文档顶部的<?xml version="1.0"?>。

样式表没有出现

3 个答案: