两个页面中的CSS成效冲突，
日期：2014-05-17 浏览次数：20673 次
两个页面中的CSS效果冲突，急！
我是用DEDECMS做的网站。
现在问题：其中导航用的是另一个文件，设为B，首页为A。
在B文件中的CSS效果与A中的效果冲突，要么就不用B的效果，要么就是有点B中的效果，改来改去都不行。求解！
------解决方案--------------------
很有可能是有css的优先级存在 希望下免得解释可以解决你的问题
设带“#”的id选择符权重为100，带“.”的类选择符权重为10，不带什么“”的选择符权重为1,；则由上至下的代码，后边写的样式权重大于等于前面写的样式时，会覆盖前面的样式。而且权重可以叠加
------解决方案--------------------
关键是你把导航页的元素定专有名字——命名空间、id之类
然后css只针对这些专有名字实行
------解决方案--------------------
先写好一个页面的，然后在整理另外页面的，另外这个页面在body上加一个标识位，然后用这个标识位去覆盖其它样式。比如：
基本页面：
子页面：
我这是样式内联的，如果外联的话更方便一点。方法就是这样的。
我是用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>
我这是样式内联的，如果外联的话更方便一点。方法就是这样的。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
