利用CSS，不通过replace替换标引HTML标记

最新推荐文章于 2024-04-06 11:09:44 发布

ucshng

最新推荐文章于 2024-04-06 11:09:44 发布

阅读量785

点赞数

分类专栏： div+css教程文章标签： css html standards xhtml xslt table

本文链接：https://blog.csdn.net/ucshng/article/details/1613913

版权

div+css教程专栏收录该内容

23 篇文章 0 订阅

订阅专栏

利用CSS，不通过replace替换标引HTML标记

其实CSS也是将HTML从数据和表现分离的有力工具。石头的CSS Oriented Design：COD非常合我的口味，摒弃TOD(Table Oriented Design)还真不是意见容易的事情，但是一旦实现，系统本身就实现了分工和协作：就能像Winamp一样换皮肤了，从而发挥用户最大的能动性。最直接的例子就是本网站使用的MT系统，所有的STYLE都来自MovableStyle，。

需求：将XML结果集中的显示成红色，其实完全可以通过客户端的CSS实现：
代码如下：

首先

<blockquote>

利用CSS，不通过replace替换标引HTML标记

</blockquote>

利用CSS，不通过replace替换标引HTML标记

这样：
在CSS中定义了：b {color:red;}

后，所有的除了加粗外，还有红色的属性，为了防止整个页面中的其他都被标红，我将结果都放在一个<
blockquote>

中，然后再在CSS中定义：

<style>

</style>

由于CSS的继承关系，只有所有在blockquote中的才会被标红：

通过设置 font-weight:normal 甚至可以让字体变细。