代码之家  ›  专栏  ›  技术社区  ›  Roman

如何覆盖html元素,但保留块的其余部分?

  •  0
  • Roman  · 技术社区  · 4 年前

    我正在扩展一个细枝模板,以替换该行

    <div class="container">
    

    <div class="container-fluid">
    

    小枝模板

    {% block layout_main_navigation %}
        <div class="main-navigation"
             id="mainNavigation"
             data-flyout-menu="true">
            {% block layout_main_navigation_navbar %}
                <div class="container"> <!-- This line should be replaced -->
                    {% block layout_main_navigation_menu %}
                        ...
                    {% endblock %}
                ...
            {% endblock %}
            ...
    {% endblock %}
    

    我试着改写了这封信 layout_main_navigation 通过复制所有内容并更改 div . 但是我对这个解决方案不满意,因为我必须复制和覆盖很多块。

    div 并覆盖尽可能少的块?

    0 回复  |  直到 4 年前
        1
  •  3
  •   Paweł Napierała    4 年前

    layout_main_navigation_navbar ,添加 div 具有所需类的元素 container-fluid 然后包含块的原始内容 layout_main_navigation_menu 使用 parent() 功能:

    {% block layout_main_navigation_navbar %}
        <div class="container-fluid">
            {% block layout_main_navigation_menu %}
                {{ parent() }}
            {% endblock %}
        </div>
    {% endblock %}
    
    
    推荐文章