jquery - 如何为 Bootstrap 样式设置容器元素

Question

我正在为 Joomla! 组件开发模板。而且我需要将 twitter bootstrap 选择器限制在我的组件中，而不影响页面布局的其余部分。我现在要做的是修改 Bootstrap 中的每个选择器并像这样添加我的容器:

#SobiPro button::-moz-focus-inner,
#SobiPro input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
#SobiPro button,
#SobiPro html input[type="button"],
#SobiPro input[type="reset"],
#SobiPro input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
#SobiPro label,
#SobiPro select,
#SobiPro button,
#SobiPro input[type="button"],
#SobiPro input[type="reset"],
#SobiPro input[type="submit"],
#SobiPro input[type="radio"],
#SobiPro input[type="checkbox"] {
  cursor: pointer;
}

那么，除了将其添加到每个选择器之外，是否有 css 或 javascript 中的解决方案来为 css 文件设置父容器？

问候，穆斯塔法

Answer 1

因此，没有人回答，几年后我设法找到了答案。因此，可以使用 less 到 css 转换器(你可以在网上找到很多 less 到 css 转换器)这样完成:

.your_container_selector {
   /* css code that needs to be wrapped in that container */ }

然后将此代码从 less 转换为 css。