django admin override css 用于内联模型

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]

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

和表格-nested2.css是：

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

本质上，我正在尝试为嵌套内联使用特定于模型的 CSS。我希望 class C（第 2 级内联）具有与 class B（第 1 级内联）不同的 h3 样式。但是 class C 的媒体似乎覆盖了 class B.

有什么办法吗？

谢谢

Answer 1

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

C 媒体的

CSS 正在覆盖 B 媒体的 CSS。因为这就是 CSS 的工作原理。尝试将 forms-nested.css 更改为：

.inline-related .inline-related h3 {

那只会嵌套样式 .inline-related h3。

django admin override css 用于内联模型

django admin override css for inline model

css

django

admin