Bootstrap - 无法获得“桌面条纹”

Question

我正在table-stripped使用Twitter Bootstrap。

我可以使用悬停来定位任何其他元素，在没有table-striped的情况下可以使用，但是当我使用table-striped时，某些元素无法激活。

原因：table-striped

You can see on JSFiddle for demo

我该如何解决这个问题？

Answer 1

这是因为CSS特异性。

增加CSS选择器特异性值或使用！important如果你懒得覆盖bootstrap CSS选择器。

table.table.table-striped tr.myTip td {
 background: red;
}

或

.myTip td {
 background: red !important;
}

Demo

Answer 2

实际上你的小提琴并没有加载bootstrap.css文件。

table-striped是一个引导类，但它没有加载到您的应用程序中，因此您为类.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th { background-color: #e1e1e1; } 创建了一个css

.myTip > td, .myTip > th {
  background-color: red;
}

通过在应用程序中加载引导程序文件，您只需要通过

更改css选择器

transform.position.y = 200f;
if (Physics.Raycast(transform.position, -Vector3.up, out hit)) {
    transform.position = hit.transform.position;
}

以下是Demo链接