我正在为Joomla!的组件开发模板的情况。
而且我需要将twitter 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文件的父容器添加到每个选择器中呢?

问候,
莫斯塔法

最佳答案

因此,没有人回答,几年后我设法找到了答案。
因此,可以使用更少的CSS转换器(您可以在网上找到很多更少的CSS转换器)来完成此操作:

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


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

10-04 22:40