css - 将父 ID 添加到大 css 文件中

Question

我想为 Twitter Bootstrap 中的每个 css 元素添加父 ID。我找到了 RegEx 工具，但还没有找到正确的代码组合。

我必须这样做，因为我只能定位我正在处理的网站内的一个区域。

本质上，我想从这里开始:

.offset1{margin-left:100px;}
.row-fluid{width:100%;*zoom:1;} .row-fluid:before, .row-fluid:after{display:table;content:"";line-height:0;}

对此:

#parent .offset1{margin-left:100px;}
#parent .row-fluid{width:100%;*zoom:1;} #parent .row-fluid:before {display:table;content:"";line-height:0;}

有人可以帮忙吗？

谢谢，罗斯

Answer 1

Bootstrap 是用 LESS 编写的，因此您应该能够利用它的嵌套规则:

#parent {
    /*everything in the less file */
}

有几个 .less 文件可以执行此操作，但我认为这仍然是一个非常简单的选择。请注意，我自己还没有尝试过，但它应该有效。 :)

显然，您必须下载 LESS 源并将其重新编译为 CSS。可以在 GitHub 上找到:https://github.com/twitter/bootstrap/

构建一个正则表达式来对 Bootstrap 中的每个 CSS 选择器执行此操作似乎是一项非常艰巨的任务。您可能会导致一些错误，直到很久以后您才会注意到。