是否有任何工具可以根据相同类型的选择器重新排列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中的元素进行重新排序，则可以有效地更改样式 - 您可能不想这样做。