我在项目和我的<a> tag CSS is overriding its </a> <a> tag CSS</a>中导入了一个jQuery插件

Question

我有一个页面，它使用我定义的某些样式。

在同一页面上，我刚刚导入了一个外部jQuery插件，该插件使用自己的样式，例如，我自己覆盖的<a>标记样式。

如何确保样式表中的样式不会覆盖jQuery插件样式表中的样式？

Answer 1

1）我的jQuery在我的样式表之后添加了一个样式表

  

在 样式表中使用！important 覆盖任何其他样式。

a {
    border: none !important; /* listen to me god dammit! */
}

2）我的jQuery为我的元素添加了style属性，覆盖我的样式。

  

使用样式表

中的style 属性选择器

a[style] {
    border: none !important; /* I even override inline styles */
}

Answer 2

如果它们都只适用于a元素，那么CSS将使用它最后找到的那个。在插件之后包括样式表以确保它是被使用的样式表。