使所有 CSS 内联 - 类问题答案

【问题标题】：Make all CSS inline - Class Issue使所有 CSS 内联 - 类问题
【发布时间】：2011-10-26 19:48:19
【问题描述】：

我发现这个awesome class 将 CSS 样式块转换为内联。但是，我认为它有问题。例如，如果您有以下情况：

<style type="text/css">
.myclass{
padding:0px;
}
<style>

<p class="myclass" style="padding-top: 40px;">Test</p>

它将上面的转换为：

<p class="myclass" style="padding-top: 40px; padding:0px;">Test</p>

但上面的说法不正确。它应该放在前面，因为 padding-top 内联具有优先级，因为它已经是内联的。所以应该是：

<p class="myclass" style="padding:0px; padding-top: 40px;">Test</p>

但我正在努力在课堂上的何处进行此编辑。我认为这很简单，我可以将其提交给课程创建者，但我很挣扎。

有什么想法吗？

【问题讨论】：

【解决方案1】：

最好的解决方案是create an issue 并与开发人员取得联系。所以他也可以为其他人修复它。这是社区的成长。

快速浏览代码，我认为before building the chunks 反转数组 $properties

$properties = array_reverse ( $properties, true );
// build chunks
foreach($properties as $key => $values)

$properties = array_reverse ( $properties, true ) 将第 318 行的构建块顶部的键保留为链接将全部反转。

希望对您有所帮助！不确定这是否会带来任何其他问题，请尝试。

【讨论】：

【解决方案2】：

在我看来

<p class="myclass" style="padding-top: 40px; padding:0px;">Test</p>

没有错。因为内联样式会覆盖类样式

【讨论】：

【解决方案3】：

【讨论】：