CSS内联样式覆盖cms（Weebly）小部件（图库）

Question

我试图覆盖Weebly用于其Gallery小部件的一些内联样式。我需要改变的属性是：

width: 33.28%

到

width: 100%

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

这是Weebly's Gallery小部件的源代码：

<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;
}

图像的宽度从宽度：33.28％变为100％。但是，这不是一个选项，因为它与其他div标签混淆。

请帮帮我。

感谢。

Answer 1

  

ID必须以a开头   信（[A-Za-z]），可以遵循   任意数量的字母，数字   （[0-9]），连字符（“ - ”），下划线   （“_”），冒号（“：”）和句号   （ “”）。

来自HTML specs ...

或

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

Demo here

Answer 2

好吧我们找到了解决方案，要在css中选择一个数字ID，你只需要这样做：     [ID = “ID”]

所以在我的情况下，我只需要：     [id =“124908497214070465-imageContainer0”]覆盖内联样式。