Сделайте все CSS встроенными - выпуск класса - PullRequest
6 голосов
/ 14 августа 2011

Я нашел этот класс , который преобразует блоки стилей 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>

Но я изо всех сил пытаюсь сделать это редактирование в классе.Я думал, что это будет просто, и я мог бы представить это создателю класса, но я борюсь.

Есть идеи?

Ответы [ 3 ]

4 голосов
/ 14 августа 2011

Лучшее решение - создать проблему и связаться с разработчиком.Так что он может исправить это и для других.Это рост сообщества.

Простой быстрый просмотр кода, который я считаю перед построением фрагментов обратный массив $ properties

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

$properties = array_reverse ( $properties, true ), который сохраняет ключ в верхней части фрагментов сборки в строке 318 как связанный, перевернет все.

Надеюсь, это поможет!Не уверен, принесет ли это какие-либо другие проблемы, просто попробуйте.

0 голосов
/ 16 августа 2011

Должно быть исправлено в последней версии: см. https://github.com/tijsverkoyen/CssToInlineStyles

0 голосов
/ 14 августа 2011

по моему

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

не так. потому что встроенный стиль перезаписывает стиль класса

...