用新风格覆盖现有风格

Question

CSS中是否有方法或操作符为特定元素指定新样式？我不想更改原始样式，因为它属于插件，更改它会在我的所有页面上更改它。但是，我想在特定网页上更改元素的位置。

我也无法在我的html中调用这些样式，因为CSS文件仅用于jquery插件，你只将class="slideshow"放在html div中就是那样。我可以更改CSS文件以符合我的偏好，但是我不知道如何针对特定实例更改它？

Answer 1

为了在插件的特定实例上创建特定样式，您应该为需要自定义的实例的该插件的父容器分配特定的类或ID。

示例：您可以在要自定义的页面中将id="special"提供给插件的父级。

然后，您可以使用该选择器独立于同一插件的其他实例设置样式。

示例 CSS ：

 #special .slideshow /*other selectors */ {
        /*your specific style */
    }

Answer 2

在您的场景中，CSS特异性规则对您有所帮助。

例如，在您的插件中，您在课程RED Font Color中使用slideshow。然后在另一个CSS文件中，您可以创建更具体的规则。

查看我在评论部分上面发布的演示内容。这是 direct link.

div.slider .slideshow {color:green;}

Answer 3

您可以按名称引用元素：

#htmlitemname{
 color: green;
}

CSS是级联的，即它将自上而下应用 - general，class，然后是id。

Answer 4

如果您希望覆盖任何内联样式，可以将！important 添加到您的CSS中。只要您专门为该页面制作样式表，这应该适合您的需要。希望这会有所帮助：）