首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何用JavaScript将CSS转换成XML?

如何用JavaScript将CSS转换成XML?
EN

Stack Overflow用户
提问于 2013-05-07 16:12:37
回答 2查看 1.8K关注 0票数 3

我想像这样转换一些CSS:

代码语言:javascript
运行
复制
body {
    margin: 0 auto;
    padding: 10px 0;
}

#content {
    background: #ffffff;
}

转换成如下所示的XML结构:

代码语言:javascript
运行
复制
<class name='body'>
<param name='margin'>0</param>
<param name='padding'>10px</param>
</class>

<class name='#content'>
<param name='background'>#ffffff</param>
</class>

我想把CSS放在一个textarea中,让它转换成第二个textarea。这个是可能的吗?

我的想法是将代码拆分到一个数组中;每个类或id都在一个数组中,并带有它们的属性:

代码语言:javascript
运行
复制
array [0][0][0] = body
array [0][1][0] = margin
array [0][1][1] = 0
array [0][2][0] = padding
array [0][2][1] = 10px 0
array [1][0][0] = #content
array [1][1][0] = background
array [1][1][1] = #ffffff
EN

Stack Overflow用户

发布于 2018-06-10 11:33:23

我想把它转换成下面的XML会更有意义。

代码语言:javascript
运行
复制
<style>
  <body margin="0 auto" padding="10px 0"/>
  <any id="content" background="#ffffff"/>
</style>

请注意,属性idclass (不在示例中)与其他属性的处理方式不同。请注意新标记名any。最后,请注意嵌套的CSS样式,如

代码语言:javascript
运行
复制
table.a td {border:thin solid black; margin:1px}

自然地转换为子节点。

代码语言:javascript
运行
复制
<table class="a">
  <td border="thin solid black" margin="1px"/>
</table>
票数 0
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16414277

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档