Javascript AJAX表单中不同步骤的不同CSS文件

我有一个带步骤的表格。AJAX的所有步骤都在改变。一切都很顺利。但现在我有一个问题。我想为不同的步骤加载不同的CSS文件。例如，当表单处于step1时，将加载step1.css；当表单处于step2时，将加载step2.css

这可以通过改变AJAX来改变css文件吗

希望我已经很好地解释了我的问题

    var cssId = 'myCss';  // you could encode the css path itself to generate id..
if (!document.getElementById(cssId))
{
    var head  = document.getElementsByTagName('head')[0];
    var link  = document.createElement('link');
    link.id   = cssId;
    link.rel  = 'stylesheet';
    link.type = 'text/css';
    link.href = 'http://website.com/css/stylesheet.css';
    link.media = 'all';
    head.appendChild(link);
}

---

或者，您可以使用诸如wise separate then with your class或ID之类的选择器来分隔步骤，这样您就可以通过JavaScript来分隔步骤，但我强烈建议您不要这样做

每次将新样式表插入页面时，都会强制浏览器重新呈现页面性能 大多数情况下，这些新的CSS文件只包含少量代码，不值得连接到服务器 首选的方法是在这里使用CSS类，并一次加载所有CSS规则

.形成第一步跨度{ 背景颜色：灰色； } .形成第二步跨度{ 背景色：青色； } 第一步 问题: 步骤2 问题:

---

不要更改样式表本身。而是将步骤放在包含类为on的元素中。然后可以根据该类设置内容的样式。例如.step1输入{…}.step2输入{…}你实际上不能因为加载了某个东西，它就会在那里，直到你重新加载整个页面。您只能覆盖CSS。@UllasHunka事实上不是这样，样式表可以被禁用-在本例中可能不推荐，但这是另一回事。感谢@CBroe提供的非常有用的信息。我没有意识到这一点。你也可以有条件地附加css$selector.append；