如何在特定的twig文件中使用css文件?(使用下拉列表和子下拉列表)

我想在编辑页面中为实体使用css文件。如果我在我的基本twig文件中添加css文件,那么css的路径是错误的,所以我在编辑文件中添加了css文件:

{% block stylesheets %}
    {{ parent() }}
    {{ asset('css/test.css') }}
{% endblock %}

我没有收到任何错误,但css文件的路径出现在页面顶部,css似乎不工作。

css是:

.test {
    background-color :red;
    border:1px solid green;
}

javascript将类添加到SELECT的父div:

    $('#advert_categories').change(function(v){
        console.log(v.target.value);
        $("#advert_documents").parent().addClass("test");
    });

javascript是正确的,当我检查代码时,类被正确地添加到div中。

目标是在表单中从我的实体开始添加所有字段,并带有下拉列表和子下拉列表,但我隐藏了子下拉列表。然后我等待父下拉列表中的选项被选中。
例如,目标是:选择国家>根据国家:选择城市等。