css - Can I overwrite a CSS #ID with a class?

Question

I'm using a js-widget from a ticket service (OK-Ticket). The container of this widget has an ID, which is generated dynamically. Something like

<li class="okticket">
    <div id="ok_5134e2847ffe8">
        // The widget stuff
    </div>
</li>

Of course I can't overwrite the styles with

.okticket div {
    margin:0;
}

I could use !important, but everybody tells you: "Don't use !important". Isn't it the only way to go here?

score 2 · Accepted Answer

向中添加一个 ID .okticket div，然后制作 CSS #okdiv div {}；

在 CSS 中，#ID + 选择器比 #ID 更重要

score 1 · Accepted Answer

不要在一个地方使用 !important。这些情况可以考虑好好利用一下。

另一种方式，您可以使用相同的#id 选择器并编写自己的样式。另一种方法是使用父类和#id 作为后代选择器——这也将覆盖原来的#id 规则。

无需写内联或重要！

score 0 · Accepted Answer

另一种方法是在 html 中使用 style 属性

<li class="okticket">
    <div id="ok_5134e2847ffe8" style="margin:0">
        // The widget stuff
    </div>
</li>

score 0 · Accepted Answer

0

在这种情况下，更改类和 id 的位置，因为最后一个会覆盖类属性。

于 2013-09-21T14:16:26.130 回答

4 回答 4