Html 为什么我的链接样式表中的某些CSS格式不适用？

我正在尝试使用CSS样式表在我的页面中添加Youtube视频，由于某些原因，视频没有出现

.youtube视频iframe，
.youtube视频img，
.youtube-video-2 iframe，
.youtube-video-2 img{
位置：绝对位置；
顶部：0px；
左：12%；
宽度：890px；
高度：500px；
光标：指针；
}
img{
垂直对齐：中间对齐；
}

.youtube视频iframe，
.youtube视频img，
.youtube-video-2 iframe，
.youtube-video-2 img{
位置：绝对位置；
顶部：0px；
左：12%；
宽度：890px；
高度：500px；
光标：指针；
}
img{
垂直对齐：中间对齐；
}

.youtube视频iframe，
.youtube视频img，
.youtube-video-2 iframe，
.youtube-video-2 img{
位置：绝对位置；
顶部：0px；
左：12%；
宽度：890px；
高度：500px；
光标：指针；
}
img{
垂直对齐：中间对齐；
}

---

这看起来需要JS才能触发youtube视频，就像这看起来需要JS才能触发youtube视频一样