如何确定我的 CSS 选择器从何处被覆盖？ Timeline.js
How to identify where my CSS selector is being overriden from? Timeline.js
我正在使用 timeline.js 向我的页面添加时间轴。不幸的是，带有 class .tl-slide-content 的元素的宽度设置在我看不到的地方。因此，宽度为 940px 或 448px，具体取决于视口宽度。这会导致照片旁边的文本显示方式出现问题。
我已经尝试选择每个上升 class 可用的元素，包括我能找到的任何 ID。仍然没有变化，我无法弄清楚。
我想知道的是：
- 在这种情况下，'element' 是什么？
- 开发者控制台中是否有工具可以让我找到将宽度设置为 940px 的位置？
- 如果有人对这个特定的库有任何经验，并且可以为我指明合适的选择器的方向，那就太棒了
我试过将我的样式表放在时间线之后，我什至试过将它放在 body 标签的底部。仍然没有变化。
'element' 选择器显示 HTML 文件本身内联样式设置的所有属性。由于级联（从前到后），内联样式取代了所有其他样式。显示最后一次迭代。
您可以在 'element' 框的右侧看到内联词。
如果您没有对正在使用的 HTML 文件的写入权限，那么您可能需要在 width: 100% 之后使用 !important。 这真是不得已而为之
我的建议是查看他们的 CSS 源代码：
https://github.com/NUKnightLab/TimelineJS/tree/master/source/less
覆盖他们的 CSS 只会使您的代码膨胀。
复制该库（如果您打算再次使用它），然后使用副本在内部弄乱他们的源代码以获得您想要的结果。
我知道我没有给你一个直接的答案，但图书馆通常有自己的传统样式等，如果不查看源代码，你只是在猜测...
我正在使用 timeline.js 向我的页面添加时间轴。不幸的是，带有 class .tl-slide-content 的元素的宽度设置在我看不到的地方。因此，宽度为 940px 或 448px，具体取决于视口宽度。这会导致照片旁边的文本显示方式出现问题。
我已经尝试选择每个上升 class 可用的元素，包括我能找到的任何 ID。仍然没有变化，我无法弄清楚。
我想知道的是：
- 在这种情况下，'element' 是什么？
- 开发者控制台中是否有工具可以让我找到将宽度设置为 940px 的位置？
- 如果有人对这个特定的库有任何经验，并且可以为我指明合适的选择器的方向，那就太棒了
我试过将我的样式表放在时间线之后，我什至试过将它放在 body 标签的底部。仍然没有变化。
'element' 选择器显示 HTML 文件本身内联样式设置的所有属性。由于级联（从前到后），内联样式取代了所有其他样式。显示最后一次迭代。
您可以在 'element' 框的右侧看到内联词。
如果您没有对正在使用的 HTML 文件的写入权限，那么您可能需要在 width: 100% 之后使用 !important。 这真是不得已而为之
我的建议是查看他们的 CSS 源代码：
https://github.com/NUKnightLab/TimelineJS/tree/master/source/less
覆盖他们的 CSS 只会使您的代码膨胀。
复制该库（如果您打算再次使用它），然后使用副本在内部弄乱他们的源代码以获得您想要的结果。
我知道我没有给你一个直接的答案，但图书馆通常有自己的传统样式等，如果不查看源代码，你只是在猜测...