2010-01-25 84 views
2

我在将第二个样式表链接到我的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; 
} 

萤火虫网面板显示两种样式做负载和样式面板中显示我在他们两人的风格,但在后者的规则只是没有做深蹲。

这让我感到莫名其妙,因为它是非常非常基本的东西,我以前曾经成功完成过数百次和数百次。

+0

你确实意识到IE不支持!重要的权利? – Rowno 2010-01-25 11:12:05

+0

从什么时候开始? (也许你指的是导致IE处理错误的错误!重要的错误,但支持都不会少) 但是对于手头的问题,无论如何它都无所谓,因为我包括秒样式表对于所有的浏览器,直到我解决这个问题。 – 2010-01-25 11:15:54

+1

你能分享问题页面的网址吗?将使我们更容易诊断.. – 2010-01-25 11:19:31

回答

6

尝试从link标记中删除title属性。 title与样式表的链接使用时有特殊的含义,更在这里:

Alternative Style: Working With Alternate Style Sheets

+0

千谢谢你,先生! – 2010-01-25 11:25:53

+0

不客气!这个“特征”是完全不可思议和反直觉的,应该废除IMO。这是不可能知道,如果你过去没有发现它。 – 2010-01-25 11:26:37

+0

确实。实际上,我之前从来没有在''link'-tag'前使用'title'属性,但是现在做了,因为我使用'link '自动完成时,我的新的闪亮编辑器E自动填充它,我愚蠢地认为它实际上不会做任何事情,但只是看起来不错而有光泽。 – 2010-01-25 11:41:50

0

就我而言,我搬到工作的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; 
    } 

什么都没有在新的CSS文件中工作,直到我修复了background定义:在PHP文件中,用于转义PHP字符串中单引号的反斜杠是无效的。

修正CSS文件的内容:

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

错误控制台没有报告任何错误,只是在新的CSS文件有任何页面的显示没有任何影响。 (很多有用的调试工具......)

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