Есть ли инструмент, который может переставить CSS на основе того же селектора типа?

Question

У меня большой CSS, где селектор для тех же вещей находится в другом месте.

Есть ли какой-нибудь инструмент, который может переставить CSS на основе того же селектора типа?

Этопросто пример.

#main h2 {
    font-size: 2em;
}
#sidebar h3 {
    font-size: 2em;
}

#main h1 {
    font-size: 3em;
}

#sidebar h4 {
    font-size: 1.6em;
}


#main #box h2 {
    font-size: 2em;
}

#sidebar ul li {
    font-size: 1em;
}

он должен располагаться так

#main h1 {
    font-size: 3em;
}

#main h2 {
    font-size: 2em;
}

#main #box h2 {
    font-size: 2em;
}

#sidebar h3 {
    font-size: 2em;
}

#sidebar h4 {
    font-size: 1.6em;
}

#sidebar ul li {
    font-size: 1em;
}

если родительский селектор одинаков, тогда все должны быть в одном месте.

Answer 1

CSSEdit отсортирует селекторы для вас. НО : CSS - это каскадная таблица стилей, которая означает, что стили наследуют вещи сверху.

Если вы переупорядочиваете элементы в CSS, вы эффективно меняете стили - то, что вы, вероятно, не хотите делать.