本人菜鸟一枚,请教大神一个关于CSS中ID和类选择器不能用,而标签选择器能用的问题

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选择器没反应,这是什么情况求大神指教!

<style type="text/css">
@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

温馨提示:内容为网友见解,仅供参考
第1个回答  2013-07-23
#header, #header #header-sp-logo{
background: url("http://photo.idate.163.com/static/cdn20130722120200/v2/images/pagebg- white.png") repeat scroll 0 0 #FFFFFF;
}

这样试试
第2个回答  2013-07-23
没问题啊, 应该是<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>
第3个回答  2013-07-23
设置宽高!

CSS里关于A标签的菜鸟问题!
首先,a:visited,在你这个连接没有被点击的时候是不起作用的 a:hover是鼠标移入的时候的效果。a才是打开页面的初始样子。你这个要搞清楚呐!width:inherit;height:inherit;这俩句干什么?还有DIV不用设置display:block;至于text-decoration:none;DIV不设置这个。一般连接才设置这个。只有连接默认才有下划...

css中id和class用在同一个地方,求什么意思?
现在一般的来说动态网站都包含了一个ID和一个class,ID 用来或许数据比较方便些,class用于样式的表现,但是class也可以是多个,比如 123 上面的div包含了三个类名a\/b\/c三个,用于或许div里面的数据的时候可以给它加一个ID名字,方便于用JS写语法 ...

也许这个问题有点菜鸟: 用C#实现播放多种音频格式的文件,是不是要调用...
Lipper、FoxPro、Arago、Wordtech、Xbase和类似数据库或与数据库有关产品识别;可用数据文件(能被Excel 97打开);Oracle 8.1.x表格空间文件 DBX DataBearn图像;Microsoft Visual FoxPro表格文件 DCM DCM模块格式文件 DCR 冲击波文件 DCS 桌面颜色分隔文件 DCT Microsoft Visual FoxPro数据库容器 DCU Delphi编译单元文件 DCX...

jsp界面怎么忽略掉一个引入的样式
jsp界面要忽略掉一个引入的样式需要采用先加载后覆盖的机制。1、在全局的CSS文件中写一些!important的样式来覆盖掉那些直接写在元素上的行内样式。将其应用到更高优先级的选择器(在原有基础上添加额外的标签、类或 ID 选择器)上;或是保持选择器一样,但添加的位置需要在原有声明的后面(优先级相同...

如何在使用jquery mobile时重写自带的某一个css样式
1、将 data-theme的取值改为大于e的值(以字母大小排序)2、如果是超链接等可以将data-role的取值改为none 3、找到JQuery Mobile默认样式的类选择器或是ID选择器,在JQuery Mobile 的css文件找到删除或者不删除,在你的样式里重写 但是后面加上 !important 作用是提高指定CSS样式规则的应用优先权。以...

如何通过js在li的奇偶或单双标签中增加class?
如果只是个视觉修饰而不是逻辑功能的话,能用css实现的效果就不要用js去做,css3的选择器:nth-of-type()可以判断奇偶,虽然有可能低版本IE不支持,但是视觉效果的话低版本放弃就完了。ul li:nth-of-type(odd){奇数行样式} ul li:nth-of-type(even){偶数行样式} 如果我说服不了你,一定...

div布局1行3列简单问题,菜鸟求解答,代码如下
代码#side1{float:right 你是要这样的效果么 side{ float:left; width:120px; height:250px; background:#63C;margin:0; } side1{float:left;width:120px;height:250px;background:#0F9;margin:0;} main{float:left;width:500px; height:250px;background:#C03; margin: 0px 0px; } ...

相似回答