Html 引导程序2错误?[class*=“span”奇怪的问题

Html 引导程序2错误?[class*=“span”奇怪的问题,html,css,twitter-bootstrap-2,Html,Css,Twitter Bootstrap 2,经过3个小时的挖掘,我终于找到了Wordpress主题的一个奇怪问题的原因 每当我在包含单词“span”(例如Espana)的文章中添加标签时,它都会破坏布局 Wordpress按预期将该类添加到文章“tag espana”中,尽管Bootstrap样式表对其应用了一些规则,破坏了布局 这应该是由于在引导程序2中广泛使用的以下选择器造成的: [class*="span"] 这是已知的bug吗?我找不到关于这个的任何信息,所以我有一些疑问。你知道我如何在不编辑引导源文件的情况下解决这个问题吗 谢

经过3个小时的挖掘,我终于找到了Wordpress主题的一个奇怪问题的原因

每当我在包含单词“span”(例如Espana)的文章中添加标签时,它都会破坏布局

Wordpress按预期将该类添加到文章“tag espana”中,尽管Bootstrap样式表对其应用了一些规则,破坏了布局

这应该是由于在引导程序2中广泛使用的以下选择器造成的:

[class*="span"]
这是已知的bug吗?我找不到关于这个的任何信息,所以我有一些疑问。你知道我如何在不编辑引导源文件的情况下解决这个问题吗


谢谢

没人期待
span
ish宗教法庭

是的,这似乎是这个选择器的一个错误。您可以通过添加限制来修改它:

[class*="span"]:not([class*="tag-"])

但IE7和IE8并不理解这一点(如果TB2首先与IE7兼容,我就不记得了)

最好系统地覆盖:

[class*="span"] {
  property: value-in-TB2;
}
[class*="espana"] {
  property: nope-override;
}
但正如您所写的,TB2可能使用了太多,无法做到这一点


或者看看你的
标签espana
元素是如何设计的,并覆盖所有不需要的元素。

你能举一个例子吗?很遗憾,这太复杂了,但就像我解释的那样。谢谢。是的,这是一个可能的解决方案,尽管它需要编辑核心文件(相当多)。我在考虑一个jQuery解决方案,它删除包含“tag-”的所有类名以及包含“span”的任何单词。这可能吗?或者你可以通过一个WP钩子在服务器端完成它?嗯,甚至更好,但不确定如何,你能提供一个例子吗?同时我会接受你的回答。我已经有2年没有做过任何PHP了,所以没有:)但是在WP Codex上有(搜索“标签”),很多关于钩子的教程(检查它的方法对于WP>3.4还是可以的),还有一个WPSE站点,不用担心。现在,似乎只需添加以下内容即可修复:
[class*=“tag-”]{float:none!重要;左边距:0!重要;}
感谢您的帮助
[class*="span"] {
  property: value-in-TB2;
}
[class*="espana"] {
  property: nope-override;
}