css不工作，一个类不加载

Question

在小提琴上，css工作正常。在我的网站上，“罗马”没有加载。 如果我检查它存在的CSS，我也删除了我的缓存，但这也没有帮助。

我希望这个信息将涵盖所有解决问题。

这里是一些HTML：

<li data-item="Content">Content 
<ul class="roman"> 
<li data-target="inleiding.html"><span></span><span>Inleiding</span></li> 
<li data-target="c1.html"><span>I</span><span>Het tijdperk der goden</span></li> 
<li data-target="c2.html"><span>II</span><span>Helden en Krijgslieden</span></li> 
<li data-target="c3.html"><span>III</span><span>De Bamboesnijder en het maanmeisje</span></li> 
<li data-target="c4.html"><span>IV</span><span>Legenden omtrent Buddha</span></li> 
<li data-target="c5.html"><span>V</span><span>Legenden omtrent vossen</span></li> 
<li data-target="c6.html"><span>VI</span><span>Jizō, de god van Kinderen</span></li> 
<li data-target="c7.html"><span>VII</span><span>De Legende in de Japansche Kunst</span></li></ul> 
</li> 

这是我的CSS

ul { 
    margin: 0; 
    padding: 0; 
} 

body { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-family: Verdana; 
    font-size: 20px; 
    overflow-x: hidden; 
} 

#container { 
    height: auto; 
} 

/* normal */ 
.column_n { 
    width: 480px; 
    padding: 20px; 
    float: left; 
    background: red; 
    border-left: 1px dashed pink; 
} 

/* small */ 
.column_s { 
    width: 400px; 
    padding: 20px; 
    float: left; 
    background: red; 
    border-left: 1px dashed pink; 
} 

/* menu (small) */ 
#menu { 
    width: 400px; 
    padding: 20px; 
    float: left; 
    color: white; 
    background-color: #004249; 
} 


#m_console { 
    position: fixed; 
    background: yellow; 
    left: 5px; 
    top: 25px; 
} 

#book { 
    width: 1402px; 
} 

.b_footnote { 
    background: yellow; 
    /* position: absolute; */ 
    width: 450px; 
    /* width: auto; */ 

    /* left: 540px; */ 
    /* z-index: 99; */ 
} 

.b_image { 
    width: 410px; 
}​ 

.roman { 
    display: table; 
    width: 100%; 
    text-transform: normal; 
    color: black; 
    background-color: white; 
} 

.roman li { 
    display: table-row; 
} 

.roman span { 
    display: table-cell; 
    padding: 1px 4px; 
} 

这里提琴它确实工作。 http://jsfiddle.net/nCs99/6/

Answer 1

Firebug可以帮助你广泛调试你的CSS文件。只需在安装后按F12，然后前往HTML或CSS选项卡。根据你的代码，没有什么是错的，但我们不知道到底是什么干扰了类或标签。