使用属性选择器可以将最大宽度100%添加到视频中，但类选择器不能

Question

我的页面显示一个视频标记，该标记应具有CSS样式max-width: 100%。使用属性选择器可以应用样式，但使用类选择器则不起作用。

这是有效的

video {
max-width: 100%
}

<video>
<source src="<path-to-video>" type="video/mp4" />
</video>

不工作

.my-video-class {
max-width: 100%
}

<video class="my-video-class">
<source src="<path-to-video>" type="video/mp4" />
</video>

有人知道为什么会这样吗？其他风格似乎确实受到了尊重，例如，如果我添加border-radius: 10px;，则这两种方法都受到了尊重。

Answer 1

你能检查一下下面的代码吗？希望对你有用。

您只需要将width:100%添加到.my-video-class中，因为它将占用可用的全部宽度。