Bootstrap 2 bug? [class * =" span"]奇怪的问题

时间:2014-03-24 16:28:04

标签: html css twitter-bootstrap-2

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

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

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

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

[class*="span"]

这是一个已知的错误吗?我找不到任何关于此的信息,所以我有些疑惑。关于如何在不编辑bootstrap源文件的情况下修复此问题的任何想法?

由于

1 个答案:

答案 0 :(得分:2)

没有人期望span ish inquisition

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

[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元素的样式,并覆盖所有不需要的内容。