Question

我是否正确改变了风格？我想改变overflow-x滚动。它不起作用。

CSS

div.anythingSlider .anythingControls .anythingNavWindow {
margin-top: 15px;
overflow-x:hidden;
float: left;
}

JS

$("div.anythingSlider .anythingControls .anythingNavWindow").css({"overflow-x":"scroll"});

Answer 1

您的示例不是更改类，您通过使用jQuery更改内联样式来覆盖该类。

根据您使用的浏览器，overflow-x和overflow-y属性有时会被忽略，除非两者都已定义。您可能只需要在班级中为overflow-y指定一个值。

Answer 2

请你尝试一下:(只是猜）

$("div.anythingSlider .anythingControls .anythingNavWindow").css("overflow-x", "scroll");

Answer 3

您正在做的是选择与选择器“div.anythingSlider .anythingControls .anythingNavWindow”对应的所有元素，但不更改类定义本身。如果你想改变这个类，你可能需要对其他类进行一些修改，所以你的CSS表看起来像这样：

div.anythingSlider .anythingControls .anythingNavWindow {
  margin-top: 15px;
  overflow-x:hidden;
  float: left;
}

div.anythingSlider.withOverflow .anythingControls .anythingNavWindow {
  overflow-x: scroll;
}

通过这种方式，您可以使用jQuery选择要更改的anythingSlider元素，并执行以下操作：

$("div.anythingSlider").addClass("withOverflow")

Answer 4

此语句不会更改CSS类定义;它将overflow-x: scroll样式应用于匹配的选择器元素。

用jquery改变css样式

4 个答案: