将父ID添加到big 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选择器构造一个正则表达式似乎是一项非常艰巨的任务。您可能会导致错误，直到很久之后才会发现。