Jssor Slider CSS 分离？答案

【问题标题】：Jssor Slider CSS separation?Jssor Slider CSS 分离？
【发布时间】：2014-04-21 15:33:43
【问题描述】：

我正在使用 Jssor 滑块。尝试将滑块样式分离到外部 CSS 文档时遇到问题。例如：

<div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 1140px;     height: 437px; margin-left: auto; margin-right: auto;">

在下面做这样的事情是行不通的。

#slider1_container {
position: relative; 
top: 0px; 
left: 0px; 
width: 1140px; 
height: 437px; 
margin-left: auto; 
margin-right: auto;
}

我已经仔细检查过，所有内容都已正确链接。任何建议或解决方法将不胜感激。谢谢！

【问题讨论】：

如果滑块代码自动添加内联样式，您将无法使用普通的级联 CSS 规则覆盖它——除非您在每个项目上使用 !important——因为内联样式有更高的优先级。

标签： jquery css jssor

【解决方案1】：

使用最新版本，您可以通过为每个元素指定类名来将所有内联样式移动到 css 文件/块中。

【讨论】：

从您的回答中不清楚为什么使用类名会产生任何影响（对于通过 id 进行定位），jssor 是否检测到容器上存在类名，等等避免设置内联样式？
id（除了主容器slider1_container）也是合理的。为了初始化 jssor 滑块，主容器 (slider1_container) 将被复制，第二个容器的 id 将被删除。