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

Question

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

在我的 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 中的实际类中。是否有可能完成我在这里尝试做的事情？

score 1 · Accepted Answer

这不是有效的 CSS：

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

尝试这个：

.win.ie.some_class

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

.win.ie .some_class

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

score 0 · Accepted Answer

首先，让我们修复 CSS，some_class 缺少点：

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

其次，在toggleClass而不是实际类上查找find：

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

2 回答 2