CSS Beautifier Alternative

Question

CSS Beautifier Alternative

0

Имея длинный файл css я решил сделать его организованным и сделать некоторое переформатирование. Поскольку есть некоторые инструменты для этого, я решил проверить его с помощью реального кода, но, к сожалению, я испытываю непригодные результаты.

Мой код содержит несколько разделов, например, следующий пример:

@-webkit-keyframes flash {
  0%, 50%, 100% {opacity: 1;}  
  25%, 75% {opacity: 0;}
}

И эти разделы - моя проблема, поскольку CSS Beautifier полностью уничтожает их.

Какие альтернативы можно использовать для переформатирования файлов css? Я имею ввиду.

Ωmega 01 окт. 2013, в 20:07

Источник

2

@ cimmanon, я не вижу "не по теме" этого вопроса. Это потому, что это может требовать мнения? Кажется, что если бы вопрос был «что такое CSS Beautifier», я бы понял, но это яркий пример некоторого неожиданного поведения, которому Ωmega ищет альтернативу.
Jason Sperske 01 окт. 2013, в 17:49
1

What alternatives can be used to reformat css files? Это не кажется off topic вопросом, потому что OP попытался что-то сделать и потерпел неудачу и не попросил инструмент, вместо этого попросил альтернативное решение, чтобы преодолеть проблему. Не потому, что он не упомянул / не попросил какой-либо инструмент, но у него здесь есть реальная проблема, и это не значит, что все, что мы здесь ответили, должны давать названия инструментов, это могут быть и любые альтернативные решения.
The Alpha 01 окт. 2013, в 18:02

Теги:

html

css

3 ответа

2

Вы можете попробовать (онлайн-инструменты) Procssor - Результат после процесса:

menu { color: red }
navigation { background-color: #333 /* darkgrey */ }
@-webkit-keyframes flash { 
    0%,
    50%,
    100% { opacity: 1 }
    25%,
    75% { opacity: 0 }
}

или CSS Beautify Результат после процесса:

menu {
    color: red;
}

navigation {
    background-color: #333 /* darkgrey */;
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    };
}

Где исходный код был

menu{color:red} navigation{background-color:#333 /* darkgrey */}
@-webkit-keyframes flash {
0%, 50%, 100% {opacity: 1;}  
25%, 75% {opacity: 0;}
}

The Alpha 01 окт. 2013, в 14:43

1

Используйте TidyUp opetion в JSFiddle
и при использовании Dreamweaver
- Перейдите в меню "Команды"
  - Применить формирование источника

Это отформатирует ваш полный файл CSS

UID 01 окт. 2013, в 16:23

Ещё вопросы

@ cimmanon, я не вижу "не по теме" этого вопроса. Это потому, что это может требовать мнения? Кажется, что если бы вопрос был «что такое CSS Beautifier», я бы понял, но это яркий пример некоторого неожиданного поведения, которому Ωmega ищет альтернативу.
What alternatives can be used to reformat css files? Это не кажется off topic вопросом, потому что OP попытался что-то сделать и потерпел неудачу и не попросил инструмент, вместо этого попросил альтернативное решение, чтобы преодолеть проблему. Не потому, что он не упомянул / не попросил какой-либо инструмент, но у него здесь есть реальная проблема, и это не значит, что все, что мы здесь ответили, должны давать названия инструментов, это могут быть и любые альтернативные решения.

gp. · Accepted Answer · 2013-10-01T14-50-00.000Z

Попробуйте параметр TidyUp в http://jsfiddle.net. Он производит этот результат:

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}