将父 ID 添加到大 css 文件

【问题标题】：Add parent ID to big css file将父 ID 添加到大 css 文件
【发布时间】：2012-10-20 18:20:23
【问题描述】：

我想为 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;}

谁能帮忙？

谢谢，罗斯

【问题讨论】：

【解决方案1】：

Bootstrap 是用LESS 编写的，所以你应该可以利用它的嵌套规则：

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

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

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

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

【讨论】：