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

highpr 2011-11-16 05:44:59
如何才能使后面的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,增加文件大小。
...全文
342 14 打赏 收藏 转发到动态 举报
写回复
用AI写文章
14 条回复
切换为时间正序
请发表友善的回复…
发表回复
hetengfei_ 2011-11-16
  • 打赏
  • 举报
回复
补, ----你不明看到面的。
可以 在选择器加个 属性 <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 就选不到了。
highpr 2011-11-16
  • 打赏
  • 举报
回复
aykkk的回答很精彩,已经被采纳,谢谢
highpr 2011-11-16
  • 打赏
  • 举报
回复
已经结帖,aykkk的回答很精彩
hetengfei_ 2011-11-16
  • 打赏
  • 举报
回复
css优先级不会的话
就引用
---------------------引用 5 楼 wmq13860468675-------------------------------------------
用jq去掉css
-----------------------------------------------------------------------------------------------

高。
beyond_me21 2011-11-16
  • 打赏
  • 举报
回复
事实上你这样已经达到你的要求了,<a class='s_718882'这样就会把s_718882的类属性覆盖了之前定义的属性了
xiao_yang_ge 2011-11-16
  • 打赏
  • 举报
回复
[Quote=引用 6 楼 kkbac 的回复:]

css选择器的优先级

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


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

+1
aykkk 2011-11-16
  • 打赏
  • 举报
回复
按理说,内置样式优先于外置样式,后面的样式优先于前面的样式,如果不生效,应该还是你写的代码有问题。看了你写的代码,我觉得应该这样改,把用户自定义的样式选择器,a.s_718882加上一个前缀.list_12 li,成为.list_12 li a.s_718882这样的试试
kkbac 2011-11-16
  • 打赏
  • 举报
回复
css选择器的优先级

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


a.s_718882:link改成.s_718882:link优先级可以提高.
wmq13860468675 2011-11-16
  • 打赏
  • 举报
回复
用jq去掉css
highpr 2011-11-16
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 liuchaolin 的回复:]
<li style="直接将样式写到这里">
[/Quote]这样无法定义hover,active,visited等伪类,也不能彻底解决,谢谢你
kkbac 2011-11-16
  • 打赏
  • 举报
回复
a.s_718882:link改成.s_718882:link试试.
highpr 2011-11-16
  • 打赏
  • 举报
回复
这个问题,我已经思考了好几周了,不经过长久用心思考无法解决,因此,凡是肯用心帮忙的,必然重谢,顶帖的也表示感谢。
md5e 2011-11-16
  • 打赏
  • 举报
回复
<li style="直接将样式写到这里">
Spring4GWT GWT Spring 使得在 Spring 框架下构造 GWT 应用变得很简单,提供一个易于理解的依赖注入和RPC机制。 Java扫雷游戏 JVMine JVMine用Applets开发的扫雷游戏,可在线玩。 public class JVMine extends java.applet.Applet 简单实现!~ 网页表格组件 GWT Advanced Table GWT Advanced Table 是一个基于 GWT 框架的网页表格组件,可实现分页数据显示、数据排序和过滤等功能! Google Tag Library 该标记库和 Google 有关。使用该标记库,利用 Google 为你的网站提供网站查询,并且可以直接在你的网页里面显示搜查的结果。 github-java-api github-java-api 是 Github 网站 API 的 Java 语言版本。 java缓存工具 SimpleCache SimpleCache 是一个简单易用的java缓存工具,用来简化缓存代码的编写,让你摆脱单调乏味的重复工作!1. 完全透明的缓存支持,对业务代码零侵入 2. 支持使用Redis和Memcached作为后端缓存。3. 支持缓存数据分区规则的定义 4. 使用redis作缓存时,支持list类型的高级数据结构,更适合论坛帖子列表这种类型的数据 5. 支持混合使用redis缓存和memcached缓存。可以将列表数据缓存到redis中,其他kv结构数据继续缓存到memcached 6. 支持redis的主从集群,可以做读写分离。缓存读取自redis的slave节点,写入到redis的master节点。 Java对象的SQL接口 JoSQL JoSQL(SQLforJavaObjects)为Java开发者提供运用SQL语句来操作Java对象集的能力.利用JoSQL可以像操作数据库中的数据一样对任何Java对象集进行查询,排序,分组。 搜索自动提示 Autotips AutoTips是为解决应用系统对于【自动提示】的需要(如:Google搜索), 而开发的架构无关的公共控件, 以满足该类需求可以通过快速配置来开发。AutoTips基于搜索引擎Apache Lucene实现。AutoTips提供统一UI。 WAP浏览器 j2wap j2wap 是一个基于Java的WAP浏览器,目前处于BETA测试阶段。它支持WAP 1.2规范,除了WTLS 和WBMP。 Java注册表操作类 jared jared是一个用来操作Windows注册表的 Java 类库,你可以用来对注册表信息进行读写。 GIF动画制作工具 GiftedMotion GiftedMotion是一个很小的,免费而且易于使用图像互换格式动画是能够设计一个有趣的动画了一系列的数字图像。使用简便和直截了当,用户只需要加载的图片和调整帧您想要的,如位置,时间显示和处理方法前帧。 Java的PList类库 Blister Blister是一个用于操作苹果二进制PList文件格式的Java开源类库(可用于发送数据给iOS应用程序)。 重复文件检查工具 FindDup.tar FindDup 是一个简单易用的工具,用来检查计算机上重复的文件。 OpenID的Java客户端 JOpenID JOpenID是一个轻量级的OpenID 2.0 Java客户端,仅50KB+(含源代码),允许任何Web网站通过OpenID支持用户直接登录而无需注册,例如Google Account或Yahoo Account。 JActor的文件持久化组件 JFile JFile 是 JActor 的文件持久化组件,以及一个高吞吐量的可靠事务日志组件。 Google地图JSP标签库 利用Google:maps JSP标签库就能够在你的Web站点上实现GoogleMaps的所有功能而且不需要javascript或AJAX编程。它还能够与JSTL相结合生成数据库驱动的动态Maps。 OAuth 实现框架 Agorava Agorava 是一个实现了 OAuth 1.0a 和 OAuth 2.0 的框架,提供了简单的方式通过社交媒体进行身份认证的功能。 Eclipse的JavaScript插件 JSEditor JSEditor 是 Eclipse 下编辑 JavaScript 源码的插件,提供语法高亮以及一些通用的面向对象方法。 Java数据库连接池 BoneCP BoneCP 是一个高性能的开源java数据库连接池实现库。它的设计初衷就是为了提高数据库连接池的性能,根据某些测试数据发现,BoneCP是最快的连接池。BoneCP很小,只有四十几K

62,249

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧