0

我正在尝试将样式表添加到网站。样式表 URL 是 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

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

这是来自的代码片段<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' />

4

3 回答 3

4

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

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

以及底部的这些行：

    </style>
</head>
于 2012-08-01T18:00:37.183 回答
4

使您的 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;
  }
于 2012-08-01T18:02:11.067 回答
2

在我看来，您已将 html 代码粘贴到 xml 文档中，<?xml version="1.0"?>在文档顶部删除。

于 2012-08-01T19:14:18.777 回答