如何才能使后面的CSS完全不受前面的CSS影响。后面是用户自动生成的，却不能完成按用户初衷显示。

[highpr]

如何才能使后面的CSS完全不受前面的CSS影响，让后面的CSS完全表达出来。后面是用户自动生成的，却不能完成按用户初衷显示。

<!--这是先前默认的CSS  开始-->
<style type="text/css">
.list_12 li a{font-size:12px;color:#000000;line-height:22px;text-decoration:none;}
.list_12 li a:hover{font-size:12px;color:#000000;line-height:22px;text-decoration:underline;}
</style>
<!--先前默认的CSS结束-->

<ul class="list_12">

<!--这是按照用户意图自动生成的CSS  开始-->

<style type="text/css"> a.s_718882:link{color:#0080ff;background-color:#80ffff;font-weight:normal;font-style:italic;text-

decoration:underline;font-family:楷体_GB2312;}
 a.s_718882:visited{color:#ff0000;background-color:#ffff80;font-weight:normal;font-style:italic;text-decoration:underline;font-family:楷体

_GB2312;}
 a.s_718882:hover{color:#ff8040;background-color:#ffff00;font-weight:bold;font-style:normal;text-decoration:none;font-family:宋体;}
 a.s_718882:active{color:#ff0000;background-color:#ffff00;font-weight:bold;font-style:normal;text-decoration:underline;font-family:黑体;}
</style>
<!--按照用户意图自动生成的CSS结束-->

<li><a  class='s_718882'  target="_blank" href="/news/718882.html" title="测试标题样式2011111602">测试标题样式

2011111602</a></li>
<li><a  target="_blank" href="/news/718882.html" title="测试标题样式2011111602">测试标题样式2011111602</a></li>
</ul>

如果去掉.list_12 li a:hover{font-size:12px;color:#000000;line-height:22px;text-decoration:underline;}
虽然可以实现用户定义CSS的完全表达，但是默认部分又不符合默认的显示。


难道非得<li class="commenlist"></li><li class="s_718882"></li>这样写吗，即每个<li>分别定义？这样又会每个<li>标签配一个class，增加文件大小。

[md5e]

<li style="直接将样式写到这里">

[highpr]

这个问题，我已经思考了好几周了，不经过长久用心思考无法解决，因此，凡是肯用心帮忙的，必然重谢，顶帖的也表示感谢。

[kkbac]

a.s_718882:link改成.s_718882:link试试.

[highpr]

[Quote=引用 1 楼 liuchaolin 的回复:]
<li style="直接将样式写到这里">
[/Quote]这样无法定义hover，active，visited等伪类，也不能彻底解决，谢谢你

[wmq13860468675]

用jq去掉css

[kkbac]

css选择器的优先级

筆記-CSS選擇器的套用優先順序


a.s_718882:link改成.s_718882:link优先级可以提高.

[aykkk]

按理说，内置样式优先于外置样式，后面的样式优先于前面的样式，如果不生效，应该还是你写的代码有问题。看了你写的代码，我觉得应该这样改，把用户自定义的样式选择器，a.s_718882加上一个前缀.list_12 li，成为.list_12 li a.s_718882这样的试试

[xiao_yang_ge]

[Quote=引用 6 楼 kkbac 的回复:]

css选择器的优先级

筆記-CSS選擇器的套用優先順序


a.s_718882:link改成.s_718882:link优先级可以提高.
[/Quote]

+1

[beyond_me21]

事实上你这样已经达到你的要求了，<a class='s_718882'这样就会把s_718882的类属性覆盖了之前定义的属性了

[hetengfei_]

css优先级不会的话
就引用
---------------------引用 5 楼 wmq13860468675-------------------------------------------
用jq去掉css
-----------------------------------------------------------------------------------------------
高。

[highpr]

已经结帖，aykkk的回答很精彩

[highpr]

aykkk的回答很精彩，已经被采纳，谢谢

[hetengfei_]

补， ----你不明看到面的。
可以 在选择器加个 属性 <a> 也加个属性。

.list_12 li a[useCss=true]{font-size:12px;color:#000000;line-height:22px;text-decoration:none;}

<a  useCss='true' class='s_718882'  target="_blank" href="/news/718882.html" title="测试标题样式2011111602">测试标题样式</a>

你用js 去掉 useCss 属性css 就选不到了。