样式不会适用，直到刷新HTML

Question

我在尝试自定义默认视频播放器时遇到问题。我正在使用来自videojs.com的js / css。

在我的Index.html的标题中，我有以下代码：

<link type="text/css" href="CSS/video-js-6.2.7/video-js.css" rel="stylesheet">
<script src="CSS/video-js-6.2.7/video.js"></script>
<style type="text/css">
    .vjs-default-skin {
        color: #232a3a;
    }

    .vjs-default-skin .vjs-play-progress,
    .vjs-default-skin .vjs-volume-level {
        background-color: #9cbaca
    }

    .vjs-default-skin .vjs-control-bar,
    .vjs-default-skin .vjs-big-play-button {
        background: rgba(0,0,0,0.7)
    }

    .vjs-default-skin .vjs-slider {
        background: rgba(0,0,0,0.2333333333333333)
    }

    .vjs-default-skin .vjs-control-bar {
        font-size: 94%
    }
</style>

当我加载页面时，我得到了浏览器的默认样式，直到我按F5并刷新网站，然后显示新的正确外观。

我猜测CSS没有完全加载或类似的东西。它然后工作，直到我清除缓存，但我真的希望它也适用于第一次加载。