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;}

任何人都可以帮忙吗？

谢谢，罗斯

score 2 · Accepted Answer

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

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

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

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

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

1 回答 1