html - 用于 cms (Weebly) 小部件(图库)的 CSS 内联样式覆盖

Question

我正在尝试覆盖 Weebly 用于其 Gallery 小部件的一些内联样式。我需要更改的属性是:

width: 33.28%

到

width: 100%

但是，我似乎无法正确识别 ID 以进行更改。

这是 Weebly 的图库小部件的源代码:

<div id="124908497214070465-imageContainer0" style="float:left;width:33.28%;margin:0;">

所以我认为 id 是“#124908497214070465-imageContainer0”

我在 css 中输入了这个:

#124908497214070465-imageContainer0 {
    width: 100% !important;
}

但是，它并没有覆盖内联样式。

我试过:

div#124908497214070465-imageContainer0 {
    width: 100% !important;
}

而且效果不佳。

至此，我认为 Weebly 有一些魔法可以防止修改他们的 Gallery 小部件的代码。然而，当我做造型时:

div {
    width: 100% !important;
}

图片的宽度从 width:33.28% 变为 100%。但是，这不是一个选项，因为它也会与其他 div 标签混淆。

请帮帮我。

谢谢。

Answer 1

ID must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

来自HTML specs ...

或

手动添加 class 到那个 div 并覆盖它。

Demo here