本人菜鸟一枚，请教大神一个关于CSS中ID和类选择器不能用，而标签选择器能用的问题 20
FIREFOX浏览器，代码如下：HTML代码片段：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""htt...
FIREFOX浏览器，代码如下：
HTML代码片段：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=$_SC[charset]" />
<meta http-equiv="x-ua-compatible" content="ie=7" />
<style type="text/css">
@import url(template/default/style.css);
</style>
</head>
<body>
<div id="header">
<div class="topwrap">
<hgroup class="hwrap">
以上是HTML中代码片段，代码太多就不全发上来了，DIV的闭合检查没什么问题
STYLE.CSS代码片段：
* { word-wrap: break-word; word-break: break-all; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
#header, #header-sp-logo {
background: url("http://photo.idate.163.com/static/cdn20130722120200/v2/images/pagebg-white.png") repeat scroll 0 0 #FFFFFF;
}
外部链接时修改标签选择器中元素页面有变化，修改ID选择器没反应，这是什么情况求大神指教！ 展开
HTML代码片段：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=$_SC[charset]" />
<meta http-equiv="x-ua-compatible" content="ie=7" />
<style type="text/css">
@import url(template/default/style.css);
</style>
</head>
<body>
<div id="header">
<div class="topwrap">
<hgroup class="hwrap">
以上是HTML中代码片段，代码太多就不全发上来了，DIV的闭合检查没什么问题
STYLE.CSS代码片段：
* { word-wrap: break-word; word-break: break-all; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
#header, #header-sp-logo {
background: url("http://photo.idate.163.com/static/cdn20130722120200/v2/images/pagebg-white.png") repeat scroll 0 0 #FFFFFF;
}
外部链接时修改标签选择器中元素页面有变化，修改ID选择器没反应，这是什么情况求大神指教！ 展开
4个回答
展开全部
<style type="text/css">
@import url(template/default/style.css);
</style>
首先，非常不提倡这样的引入方法，直接用 LINK 标签不就行了么……
第二，如果HTML页面的代码没有什么问题，比如标签闭合问题、引号问题、甚至还有编码问题。如果这些问题都没有，那就检查一下CSS代码，同样要检查，括号闭合问题、引号问题、编码问题等……
如果不行的话，你就在HTML页面里，手写一个只唯一定义 #header 的属性看看效果呗。
@import url(template/default/style.css);
</style>
首先，非常不提倡这样的引入方法，直接用 LINK 标签不就行了么……
第二，如果HTML页面的代码没有什么问题，比如标签闭合问题、引号问题、甚至还有编码问题。如果这些问题都没有，那就检查一下CSS代码，同样要检查，括号闭合问题、引号问题、编码问题等……
如果不行的话，你就在HTML页面里，手写一个只唯一定义 #header 的属性看看效果呗。
追问
手写嵌入HTML头部试过了无效，但是嵌入到代码内部这样写有效果，外部链接中的 标签选择器有效果，h1, h2, h3, h4, h5, h6 { font-size: 1em; } 这个改动有变化，
#header {..............} 这个改动没变化，是什么情况？
用LINK试过了也一样。。。。
追答
#header , #header-sp-logo { background:red; }
试试这个先，我觉得，只要你的代码是正确的，那ID选择器肯定能正常工作啊。
可能选择器早已正常工作了，只是你想加入背景的那张图片链接打不开，让你觉得CSS没有工作而已……我也不推荐背景图片用远程链接，你下载到本地再引入不行吗？……
实在不行，最好是给个网址，直接上去帮你看看……如果可以，也可以把文件打包发我邮箱 ：
nuctroy@qq.com
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
#header, #header #header-sp-logo{
background: url("http://photo.idate.163.com/static/cdn20130722120200/v2/images/pagebg- white.png") repeat scroll 0 0 #FFFFFF;
}
这样试试
background: url("http://photo.idate.163.com/static/cdn20130722120200/v2/images/pagebg- white.png") repeat scroll 0 0 #FFFFFF;
}
这样试试
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
没问题啊， 应该是<div id="header">没有高度吧？
#header{
height:500px;
}
或是它的子元素的第一个（<div class="topwrap">）设置了浮动
<div id="header">
<div class="topwrap">
<hgroup class="hwrap"></div>
</div>
<div style="clear:both;"></div>
</div>
#header{
height:500px;
}
或是它的子元素的第一个（<div class="topwrap">）设置了浮动
<div id="header">
<div class="topwrap">
<hgroup class="hwrap"></div>
</div>
<div style="clear:both;"></div>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
设置宽高！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
