videojs全屏css

Question

你好我试图修复css只有问题出现在全屏幕上，因为videojs确实有全屏css，但我一直试图绕过宽度

主进度条我使用以下

.vjs-cinematography-skin .vjs-progress-control {
    border-style: solid;
    border-width: 1px;
    border-color: #666;
  position: absolute;
  left: 100px;
  right: 0;
  width: 55%;
  font-size: 0.3em;
  height: 2em;
  /* Set above the rest of the controls. *///
  top: 4em;

  /* Shrink the bar slower than it grows. *///
  .transition(all 0.4s);
}

但我尝试使用全屏进行更改，因为调试原因我添加了颜色

.vjs-cinematography-skin .vjs-progress-control .vjs-fullscreen .vjs-fullscreen-control div {
width: 100% !important;
background-color: #FFF !important;
}

但是我尝试了很多方法，我也不知道如何绕过css只用于全屏

这是我的演示链接

http://muse4u.tv/dev/dist/demo.html

Answer 1

对于任何需要知道你可以绕过css的人来说，这需要我一段时间才弄明白：）

.vjs-cinematography-skin.vjs-fullscreen .vjs-progress-control { width: 86% !important; }