cssが動作しない、1つのクラスが読み込まれない

Question

cssで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タブに進みます。あなたのコードによれば、何も間違っていませんが、最終的にクラスやタグを妨害しているものはわかりません。