css - 链接文件中的某些 css 语句正在工作，其他的则没有

Question

我有以下html：

{% extends 'core/base.html' %}
{% load static %}


{% block head %}
    <link rel="stylesheet" type="text/css" href="{% static 'core/css/index.css' %}">

    <title>OBs Lawn Care</title>
{% endblock %}

{% block body %}

    <!-- background image-->
    <img src="{% static "core/images/lawn.jpg" %}" alt="My image"/>

    <!-- navigation bar-->
    <ul id="nav">
        <li><a id="nav_logo" href="#">LOGO</a></li>
        <li><a href="#" class="nav_item">fff</a></li>
        <li><a href="#" class="nav_item">Services</a></li>
    </ul>

    <h1>COMPANY NAME</h1>
{% endblock %}

和 index.css：

img{
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    height: 40%;
    z-index:-2;
}

#nav{
    z-index:-1;
    width: 100%;
    position: fixed;
    top: 7%;
}

#nav li{
    display:inline;
}

#nav a{
    color:black;
}
h1{
color:blue;
}

所有img样式都可以正常工作，但h1和#nav a 颜色不会改变其默认值。（请注意，我尝试直接在 html 中进行样式设置<h1 style="color: blue">COMPANY NAME</h1>，这很有效，所以我相信它必须与 css 文件有关）在此先感谢您的帮助。

标签： cssdjango-templatescss-selectors

Answer 1

语法有点偏离，关闭！:) 这应该可以工作，这是小提琴http://jsfiddle.net/bD9nC/32/上的示例

#nav{
    z-index:-1;
    width: 100%;
    position: fixed;
    top: 7%;
}

ul#nav{
    display:inline;
}

a#nav{
    color:black;
}