如何确定我的CSS选择器是从哪里被覆盖的？Timeline.js

Question

我正在使用timeline.js向我的页面添加一个时间线。不幸的是，带有..tl幻灯片内容的元素的宽度设置在我看不到的地方。因此，视视口宽度而定，宽度为940 on或448 on。这会导致图片旁边的文本显示方式出现问题。

我尝试使用每个可用的上升类来选择元素，包括我可以找到的任何ID。仍然没有变化，我无法弄清楚这一点。

我想知道的是：

1. 在这个上下文中，什么是“元素”？
2. 开发人员控制台中是否有使我能够找到宽度设置为940 is的工具？
3. 如果有人对这个特定的库有任何经验，并且能为我指出合适的选择器的方向，那就太棒了。

我试着把我的样式表放在时间线之后，我甚至尝试把它放在body标记的底部。还是没变。

​

​

Answer 1

“元素”选择器显示HTML文件内内联样式设置的所有属性。内联风格取代所有其他样式，因为级联(第一次到最后)。显示最后一次迭代。

您可以看到“元素”框右侧的内联词。

如果您没有对您正在使用的HTML文件的写访问权限，那么您可能需要在您的!important之后使用width: 100%。，这真的是最后一招了。

Answer 2

我的建议是查看它们的CSS源代码：

https://github.com/NUKnightLab/TimelineJS/tree/master/source/less

覆盖他们的CSS只会膨胀你的代码。

复制库(如果您打算再次使用它)，然后使用复制在内部混乱他们的源代码，以实现您想要的结果。

我知道我没有给你一个直接的答案，但是库通常有它们自己的传统样式，等等，而不看你只是猜测的源代码.