奇怪的Styles.css文件问题(有长度限制吗???)!在线等

Question

我的网站的样式表Styles.css文件,随着文件增长,后面定义的样式在网页设计的时候却不能显示出设计的样式,在网页运行时却又能表现出设计的样式来,这样一来设计网页样式很不方便.但将后面定义的样式提到文件前面,又正常的可以在设计表现出起定义的样式.
举例:
网页中有:<div class="logo1"></div> //显示一LOGO图片Styles.css文件中(.logo1位于文件尾):
/* 新 Web 应用程序项目的默认 CSS Stylesheet */#foot {width:100%;margin:0 auto;height:100px;}/*公司分类列表页面格式*/
#pagebody2{ padding:0;margin-bottom:0;margin-top:0;width:100%;}/*公司信息页面格式*/
.body_header1{width:100%;margin:0;height:80px;padding:0;}#comleft{ margin-top:0px;padding:0;float:left;}.logo1{BACKGROUND: url(img/logo17168.gif) #f5ffff no-repeat left bottom;float:left;}上面例子中当.logo1位于Styles.css文件尾时,在设计网页时页面中的在设计时就没效果(不能显示LOGO图片),但调试网页时能显示图片.当将.logo1位置提前:
Styles.css文件中(.logo1位于文件前面):
/* 新 Web 应用程序项目的默认 CSS Stylesheet */
.logo1{BACKGROUND: url(img/logo17168.gif) #f5ffff no-repeat left bottom;float:left;}#foot {width:100%;margin:0 auto;height:100px;}/*公司分类列表页面格式*/
#pagebody2{ padding:0;margin-bottom:0;margin-top:0;width:100%;}/*公司信息页面格式*/
.body_header1{width:100%;margin:0;height:80px;padding:0;}#comleft{ margin-top:0px;padding:0;float:left;}在设计网页时页面中的在设计时却能显示LOGO图片.这样导致设计网页很不方便,难到Styles.css文件有长度限制吗???

Answer 1

"#id"样式的优先级比".class"样式的优先级高

Answer 2

换成#logo1{BACKGROUND: url(img/logo17168.gif) #f5ffff no-repeat left bottom;float:left;}也是一样的啊!!并且Styles.css文件后面很多定义的样式都是同样的问题.

Answer 3

哦 我理解错了如果设计时真的有长度限制，我就没法帮你了不过为什么要在vs的设计界面中设计网页呢？先用静态页面设计好css
确保后台所生成的html和设计时所用的静态页面html一致这就是我的做法

Answer 4

或者顺序倒过来先不管设计，只管开发
然后把浏览器捕获到的html输出源码拿来设计

Answer 5

我最近也有这样的问题,开始我在DW里边做好了,然后拿到vs里,但是运行后发现很多样式没有应用上,着实让我迷茫了一阵子,后来才发现原来是编码问题.
在VS里(我用中文版)CSS和JS文件默认编码都是ANSI,如果文件里有中文的话就会有问题,比如JS里的文字显示乱玛,而CSS里如果有注释的话那么就出现问题,解决的方法是改变编码,用UTF8保存

Answer 6

谢谢zahota(NULL+NULL=NULL)的提示!!CSS里如果有注释的话那么就出现问题,解决的方法是改变编码,用UTF8保存