html - Bootstrap 2 错误？ [class* ="span"] 奇怪的问题

Question

经过 3 小时的挖掘，我终于找到了 Wordpress 主题出现的奇怪问题的原因。

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

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

这应该是由以下在 Bootstrap 2 中广泛使用的选择器引起的:

[class*="span"]

这是一个已知错误吗？我找不到有关此的任何信息，所以我有一些疑问。关于如何在不编辑 Bootstrap 源文件的情况下解决此问题的想法？

谢谢

Answer 1

没有人期望span调查

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

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

或

[class*="span"]:not([class*="espana"])

但这不会被 IE7 和 IE8 理解(如果 TB2 首先与 IE7 兼容，不记得了)

系统地覆盖会更好:

[class*="span"] {
  property: value-in-TB2;
}
[class*="espana"] {
  property: nope-override;
}

但正如您所写，TB2 可能使用太多而无法做到这一点......

或者查看您的 tag-espana 元素如何设置样式并覆盖不需要的所有内容。