Html CSS样式错误

Html CSS样式错误,html,css,django,Html,Css,Django,我需要使用css为我的django模板应用这个主题。我写了css文件,但我有一个错误,不是所有的样式都应用于模板。请帮忙 这是完整的代码,包括theme.css和基本html: nav{ /*重复背景图像*/ 背景:url(http://weebtutorials.com/wp-content/uploads/2012/11/a.png); 宽度:210px; 利润率:20px; } 导航ul{ /*删除项目符号*/ 列表样式:无; 保证金:0; 填充:0; } 李国荣{ /*绝对定位的任何子

我需要使用css为我的django模板应用这个主题。我写了css文件,但我有一个错误,不是所有的样式都应用于模板。请帮忙

这是完整的代码,包括theme.css和基本html:

nav{
/*重复背景图像*/
背景:url(http://weebtutorials.com/wp-content/uploads/2012/11/a.png);
宽度:210px;
利润率:20px;
}
导航ul{
/*删除项目符号*/
列表样式:无;
保证金:0;
填充:0;
}
李国荣{
/*绝对定位的任何子对象都将相对于此对象定位*/
位置:相对位置;
}
导航a{
颜色:#e8e8e8;
填充:12px 0px;
/*填充所有可用的水平空间*/
显示:块;
/*删除下划线*/
文字装饰:无;
/* 
新的CSS3动画:
将转换应用于背景属性,用1s更改它
*/
过渡:背景1s;
-moz跃迁:背景1s;
-webkit转换:背景1s;
-o-转变:背景1s;
字体系列:tahoma;
字体大小:13px;
文本转换:大写;
左侧填充:20px;
}
导航a:悬停{
/* 
透明性的RGBA背景:
最后一个数字(0.05)是透明度
*/
背景:RGBA(255,255,255,0.05);
颜色:#fff;
}
导航a:悬停跨度{
背景#7d2c41;
变换:旋转(90度);
-moz变换:旋转(90度);
-webkit变换:旋转(90度);
}
导航ulli:悬停ul{
显示:块;
}
导航ul{
位置:绝对位置;
左:210像素;
排名:0;
边框顶部:1px实心#e9e9e9;
显示:无;
}
李国宝{
宽度:200px;
背景#f1f1;
边框:1px实心#e9e9e9;
边界顶部:0;
}
海军ulli a{
颜色:#a8a8a8;
字体大小:12px;
文本转换:无;
}
导航ulli a:悬停{
颜色:#9292;
}
导航跨度{
宽度:12px;
高度:12px;
背景:#fff;
显示:内联块;
浮动:左;
利润上限:3倍;
右边距:20px;
位置:相对位置;
过渡:均为0.5s;
-moz转换:所有0.5s;
-o型过渡:均为0.5s;
-webkit过渡:所有0.5s;
}
导航跨度:之前{
内容:“;
宽度:12px;
高度:2倍;
背景:#3a3b3b;
位置:绝对位置;
左:0px;
顶部:5px;
}
导航跨度:后{
内容:“;
宽度:2倍;
高度:12px;
背景:#3a3b3b;
位置:绝对位置;
左:5px;
位置:顶部;
}
.cust下拉列表{
左边框:50px实心透明;
右边框:50px实心透明;
边框顶部:2个实心#fff;
位置:绝对位置;
顶部:-120px;
右:20px;
}
.客户下拉列表{
保证金:-110;
左侧填充:-145;
列表样式:无;
}


首先,您应该在设置.py文件中具有先决条件:

  • 您的
    安装的应用程序中必须有
    django.contrib.staticfiles
  • 您必须定义了一个
    静态\u URL

    STATIC_URL = /static/
    
  • 将所有这些设置放入模板文件中:

    {% load static %}
    
    
    <link href="{% static "css/theme.css" %}" rel="stylesheet">
    
    {%load static%}
    

    有关更多详细信息,请参见。

    能否制作工作小提琴。哪些样式未应用,来自
    theme.css
    文件的样式?是的,此样式未应用