两个页面中的CSS效果冲突,急!
我是用DEDECMS做的网站。
现在问题:其中导航用的是另一个文件,设为B,首页为A。
在B文件中的CSS效果与A中的效果冲突,要么就不用B的效果,要么就是有点B中的效果,改来改去都不行。求解!
[解决办法]
很有可能是有css的优先级存在 希望下免得解释可以解决你的问题
设带“#”的id选择符权重为100,带“.”的类选择符权重为10,不带什么“”的选择符权重为1,;则由上至下的代码,后边写的样式权重大于等于前面写的样式时,会覆盖前面的样式。而且权重可以叠加
[解决办法]
关键是你把导航页的元素定专有名字——命名空间、id之类
然后css只针对这些专有名字实行
[解决办法]
先写好一个页面的,然后在整理另外页面的,另外这个页面在body上加一个标识位,然后用这个标识位去覆盖其它样式。比如:
基本页面:
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<meta charset="UTF-8">
<style type="text/css">
p{ color:red;}
</style>
</head>
<body>
<p>豪情壮志不言愁,恰似一江春水向东流</p>
</body>
</html>
<!DOCTYPE HTML>
<html class="blue">
<head>
<title></title>
<meta charset="UTF-8">
<style type="text/css">
p{ color:red;}
.blue p{ color:blue;}
</style>
</head>
<body>
<p>豪情壮志不言愁,恰似一江春水向东流</p>
</body>
</html>