使所有CSS内联-类问题


Make all CSS inline - Class Issue

我发现这个非常棒的类,它将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>

但是我正在努力在课堂上做这个编辑。我认为这将是直接的,我可以把它提交给类创建者,但我很挣扎。

任何想法?

最好的解决方案是创建一个问题并与开发人员取得联系。这样他也能帮别人解决问题。这是社区的发展。

快速浏览一下代码我认为在构建块之前将数组$properties

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

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

希望有帮助!

在我看来

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

不是错的。因为内联样式覆盖了类样式

应该在最新版本中修复:参见https://github.com/tijsverkoyen/CssToInlineStyles