覆盖YouTube上的外部CSS

时间:2017-04-27 00:15:36

标签: css wordpress youtube

以下是YouTube播放器的外部CSS:
https://s.ytimg.com/yts/cssbin/www-embed-player-webp-vflPkuiel.css

我在我的网站上嵌入了视频,我想用CSS覆盖原始CSS。

原文是:

.ytp-chrome-controls .ytp-button.ytp-youtube-button 
 {
    width: 51px;
 }

我想要覆盖:

.ytp-chrome-controls .ytp-button.ytp-youtube-button 
 {
    width: 0px;
 }

代码应该如何,以及在哪里可以将代码从外部链接覆盖原始CSS?

顺便说一下,我的网站上有WordPress。

2 个答案:

答案 0 :(得分:0)

如果视频位于您网站上的容器中,则定位容器,然后是类或

body .ytp-chrome-controls .ytp-button.ytp-youtube-button {
 width: 0px;
}

答案 1 :(得分:0)

虽然不喜欢以重复的方式进行(虽然有时候是必要的),但您可以将!important标记添加到CSS中,如下所示:

return View(container.Resolve<IModel>());

应该这样做!此外,如果为单个CSS属性指定了0,则不需要包含单位,例如px。如果您的项目规模较大,请记住一些事项。

泰勒