如何为动态命名的 DIV 创建自定义 CSS

Question

我想限制通过广告加载到网站的外部 DIV 的内容高度，它太大了，我想限制那个 div 元素的高度。

问题是每次刷新时，DIV 都有新名称，例如：

第一次加载：

<div id="vdzw_9waM"></div>

第二个负载：

<div id="vdzw_6tzW"></div>

第三负载：

<div id="vdzw_2tpSd"></div>

等等...

知道如何覆盖这个吗？谢谢

我尝试了普通的 CSS，但是因为 div id 每次都用不同的名称动态填充，所以我无法实现任何 CSS 规则。

编辑：

我尝试使用包含此 ID 的元素的 CSS 进行操作，但没有成功...仅对更改此 ID 布局的 CSS 的影响是更改此特定 ID 的 CSS

Answer 1

如果 id 模式是一致的——正如您提供的示例中那样——您可以通过部分 ID 匹配进行查询：

div[id^='vdzw'] {
    max-height: 500px;
}

一种更可靠的方法是确保您的广告呈现到您定义的容器中，然后根据识别您定义的容器的选择器设置样式。