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