首页 > 解决方案 > 为 css 样式化视频找到正确的路径

问题描述

我正在为我的 wordpress 网站使用视频插件。

我想改变视频的宽度。

但是,似乎我没有使用正确的 id 路径,因为我没有看到我的 css 样式有任何变化。

这是我在 chrome 中使用编辑器得到的信息:

在此处输入图像描述 在此处输入图像描述

我想更改内联样式,所以我读到我必须使用 !important 来否决它。但为了测试,我只使用了 bg-color。
我试图通过这些尝试访问视频但没有成功:

.vjs-tech {
background-color: red; 
}

#player_html5_api.vjs-tech {
background-color: red; 
}
#player_html5_api {
background-color: red; 
}

video#player_html5_api {
background-color: red; 
}

标签: css

解决方案


在与 Gosi 进行了愉快的交谈后,我发现问题在于我想要更改的视频的 css 位于另一个文件夹中,而不是常规的 wordpress css 文件夹,因为它是一个插件。所以我不得不进入 plugins css 文件夹并在那里进行更改。


推荐阅读