gpt4 book ai didi

jquery - css- css 样式与另一个 css 文件冲突

转载 作者:太空宇宙 更新时间:2023-11-03 21:34:35 28 4
gpt4 key购买 nike

我正在做一个网站,问题是这样的。我的页面中有一些 div 和表格。

我已经为它们编写了一些类和样式,并使它们看起来像我想要的那样。

然后我添加了一个 jquery 插件,它有一个 css 文件。我包括它,我的很多风格都被破坏和改变了。

我在类名中使用了 !important,尝试编辑它们并解决了其中的一些问题,但其中大部分仍然很糟糕。

有什么方法可以让样式分开吗?一种使 jquery css 文件仅适用于自身而不影响整个页面的方法?

最佳答案

没有啤酒和代码让 homer 变得疯狂!有两种选择,为什么外国的 css 搞砸了你的设计。

1st - 您使用相同的类名和 ID 名。

  • 这可以通过将您的类名更改为独特的名称来轻松应对。我通常会在我的类和 ID 中添加一个前缀来实现这一点...

第二 - 包含的插件样式元素本身,不使用类名或 id

  • 这可以通过更改 css 加载顺序来解决。首先是插件,其次是你自己的样式表。

根据 http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/ :最后定义的规则会覆盖任何先前的冲突规则。

  • 如果它仍然与您的某些元素混淆,那么您可能没有在您的 css 中设计这些元素,因此采用其他样式。

尽管如此,最好的方法是采用插件样式表并将其删除所有与您的样式表冲突的内容,这样您就不会再有冲突的规则了!

关于jquery - css- css 样式与另一个 css 文件冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27418165/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com