javascript - 如何在 toggleClass 中使用名称中带有浏览器前缀的 css 样式的 div？

Question

我正在使用以下解决方案来解决我遇到的一些跨浏览器问题:

Cross Browser Fix

在我的 CSS 中，使用上面的解决方案，我有类似的东西:

 .some_class {
      margin-left: 40px;
 }
 .win.ie some_class {
      margin-left: 100px;
 }

win.ie some_class 仅在 Windows 上用于 IE。

现在，在我使用 JavaScript 的代码的其他地方，我使用了以下内容:

    $("#someid").toggleClass("some_class");

我现在需要做的是在上面的 JS 片段中使用 .win.ie some_class。我该怎么做？

我试过:

 $("#someid").toggleClass(".win.ie some_class");

但这只是将其添加到 HTML 中的实际类中。是否有可能完成我在这里要做的事情？

Answer 1

这不是有效的 CSS:

.win.ie some_class {
      margin-left: 100px;
 }

试试这个:

.win.ie.some_class

这会将样式应用于具有 win、ie 和 some_class 类的元素。或者:

.win.ie .some_class

如果 some_class 元素是具有 win 和 ie 类的元素的子元素。