Question

我在将第二个样式表链接到我的HTML文档时遇到问题，并且找不到（希望非常明显的）问题。

我在头部链接样式表：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="stylesheet" href="assets/css/global.css" type="text/css" media="all" title="Global styles" charset="utf-8">
<link rel="stylesheet" href="assets/css/ie.css" type="text/css" media="all" title="IE Overrides" charset="utf-8">

问题是，秒样式表没有任何影响。扭转他们的秩序也证明了这一点。

为了进行测试，我在第二个样式表中加入了一条规则，使身体背景变红，甚至尝试添加!important，但无济于事。

/* Global CSS */
body {
    background-color: #fff;
}

/* IE CSS */
body {
    background-color: #f00 !important;
}

Firebug网络面板显示两个样式表都会加载，样式面板会显示两个样式，但后者的规则不会蹲下。

这让我感到困惑，因为它是非常非常基本的东西，我之前已经成功完成了数百次。

Answer 1

尝试从title标记中删除link属性。与样式表链接一起使用时，title具有特殊含义，更多信息请点击这里：

Alternative Style: Working With Alternate Style Sheets

Answer 2

就我而言，我已将CSS规则集从页面源中的PHP字符串移动到外部CSS文件：

自：

    $headCss.=
    '   <style type="text/css">
            #containBrainForHire
            {   background:url(\'/graphics/BrainForHire.png\');
                display:table;
                height:300px;
                margin:0 auto;
                width:525px;
            }
        </style>
    ';

要：

    #containBrainForHire
    {   background:url(\'/graphics/BrainForHire.png\');
        display:table;
        height:300px;
        margin:0 auto;
        width:525px;
    }

在修复background定义之前，新CSS文件中的

NOTHING 一直工作：转义PHP字符串中单引号所需的反斜杠无效CSS文件。

更正了CSS文件内容：

    #containBrainForHire
    {   background:url('/graphics/BrainForHire.png');
        display:table;
        height:300px;
        margin:0 auto;
        width:525px;
    }

错误控制台中报告没有错误，新CSS文件中没有任何内容对页面显示有任何影响。（对于有用的调试工具来说太多了......）

我希望这可以节省别人花时间识别问题的时间。

第二个链接的样式表没有任何效果

2 个答案: