代码之家  ›  专栏  ›  技术社区  ›  Boris Guéry

你知道有什么工具可以从外部/内部样式表切换到内联样式表吗?

css
  •  1
  • Boris Guéry  · 技术社区  · 16 年前

    我正在寻找一个工具,它使用样式表中的CSS选择器来生成所选的内联样式。 

    <head>
<style text="text/css">
a {
   text-decoration: none;
}

#a, #b, #c
{
   position: absolute;
}

#b
{
   left: 50px;
}
</style>
</head>
<body>
  <div id="a">
    <p>
     <a href="http://www.stackoverflow.com">SO</a>
    </p>
  </div>
  <div id="b">
  </div>
  <div id="c">
  </div>
</body>

    将: 

    <body>
  <div id="a" style="position: absolute">
    <p>
     <a href="http://www.stackoverflow.com" style="text-decoration: none;">SO</a>
    </p>
  </div>
  <div id="b" style="position: absolute; left: 50px;">
  </div>
  <div id="c" style="position: absolute">
  </div>
</body>

    有什么想法吗?!

    编辑:

    2 回复  |  直到 16 年前
        1
  •  1
  •   opHASnoNAME    16 年前

    Convert CSS to inline styles

        2
  •  1
  •   Jed Watson    13 年前

    如果您想通过一个API并在应用程序中自动执行它,请签出 http://premailer.dialect.ca

    如果您使用的是ruby,那么这个项目是开源的 here

    或者,如果您使用的是node.js,则有一个包装器可以使API更易于使用: https://github.com/JedWatson/node-premailer

    here API 如果你有账户的话。

    推荐文章
    Jamie  ·  在CSS链接的文件名中添加Jinja占位符
    1 年前
    Mass  ·  如何在Tailwind CSS v4中创建配置
    1 年前
    magenta placenta  ·  将css变量合并为一个变量
    1 年前
    ptownbro  ·  重叠分区标签,同时保持以下所有分区和内容就位
    1 年前
    Luke Frost IEng MIMechE  ·  Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示
    1 年前
    user29519291  ·  为不同的变量创建一个带有可重用Click函数的简单菜单
    1 年前
    john Rizzo  ·  按钮背景颜色、悬停和活动状态存在问题
    1 年前
    Ben Halicki  ·  带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列
    1 年前
    Luckkks  ·  过渡色工作不正常
    1 年前
    ModernEraCaveman  ·  如何对齐我的Bootstrap容器以适应网页的整个宽度?
    1 年前
    关于   移动版
    代码之家 - 一站式码农服务社区
    沪ICP备11025650号