css - 是否有任何工具可以根据相同类型的选择器重新排列 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 中的元素，您实际上是在更改样式 - 这是您可能不想做的事情。