Question

我正在使用https://github.com/s-block/django-nested-inline这样的内容：

class C(NestedStackedInline):
    model = C
    max_num = 1
    fk_name = 'B'

    class Media:
        css = {
             'all': ('/static/admin/css/forms-nested.css',)
        }


class B(NestedStackedInline):
    model = B

    class Media:
        css = {
             'all': ('/static/admin/css/forms-nested2.css',)
        }

    inlines = [C]


class A(NestedModelAdmin):
    model = A
    inlines = [B]

forms-nested.css是：

.inline-related h3 {
    margin: 0;
    color: #666;
    padding: 3px 5px;
    font-size: 11px;
    background: #e1e1e1 url(../img/nav-bg.gif) top left repeat-x;
    border-bottom: 1px solid #ddd;
}

和forms-nested2.css是：

.inline-related h3 {
    margin: 0;
    color: #484846;
    padding: 3px 5px;
    font-size: 11px;
    background: #D9DBCB;
    border-bottom: 1px solid #ddd;
}

基本上我正在尝试为嵌套内联提供特定于模型的CSS。我希望C类（第二级内联）对B类（第一级内联）有不同的h3样式。然而，C级媒体似乎覆盖了B级。

有没有办法做到这一点？

由于

Answer 1

它不像C媒体覆盖B的媒体。它们都出现在您的管理页面中，但是......

C媒体的CSS正在压制B媒体的CSS。因为这就是CSS的工作原理。尝试更改forms-nested.css以获得此信息：

.inline-related .inline-related h3 {

这只会设置嵌套.inline-related h3的样式。

django admin覆盖内联模型的css

1 个答案: