时间戳

首页 > 解决方案 > 子树枝模板上未继承的 CSS

css - 子树枝模板上未继承的 CSS

问题描述

我解释说我的树枝模板有问题。

我确实以这种方式链接了我的css的资产：<link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">

它在我的 base.html.twig 中包含的 nav.html.twig 上运行良好，但我的问题在我的 base.html.twig 上。

我确实扩展了基础并在我的主体块上放置了一个 nav.html.twig，它受我的 css 文件的影响，但我放在主体块上的标签不受 css 的影响。虽然这是我动画上的属性错误，但即使背景颜色也不起作用。

base.html.twig：

    <!DOCTYPE html>
<html> 
    <head>
        <meta charset="UTF-8">
        <title>{% block title %}Main Title{% endblock %}</title>
        {% block stylesheets %}
            <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
            <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}"> 
        {% endblock %}
    </head>
    <body>
        {% include 'partials/nav.html.twig' %}

        {% block body %}{% endblock %}

        {% block javascripts %}{% endblock %}
        <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
    </body>
</html>

index.html.twig ：

{% extends 'base.html.twig' %}

{% block title %}{{parent()}} - Main{% endblock %}

{% block body %}

<section id="left-main">left test</section>
<section id="right-main">right test</section>

<div id="footer-block"></div>
{% include 'partials/footer.html.twig' %}
{% endblock %}

标签： csstwig

解决方案

不知道为什么，但今天它使用相同的代码，所以我想现在可以了。

推荐阅读