css不工作，一個類不加載

在小提琴上，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/

來源

2012-04-02 clankill3r

你有一個活的網站嗎？我只是從thre jsFiddle複製到獨立的HTML文件，結果看起來與jsFiddle本身的結果相同。 – 2012-04-02 08:44:02

另外，我不知道爲什麼你想讓列表看起來像一個看起來像列表的表。爲什麼不使用...列表？ – 2012-04-02 08:45:49

Firebug可以幫助你廣泛調試你的CSS文件。只需在安裝後按F12，然後前往HTML或CSS選項卡。根據你的代碼，沒有什麼是錯的，但我們不知道到底是什麼干擾了類或標籤。

來源

2012-04-02 08:30:27 Diabolic

我看着它，但我不知道哪裏出了問題。你可以看一下嗎？ http://doekewartena.nl/artez/webdesign/mobile_reader/gyroReader/gyroReader.php – clankill3r 2012-04-02 09:22:10

根據Firebug在「.roman」之前有一個空格（在第72行）它阻止了CSS類的識別。只要嘗試刪除並輸入一個新行或完全重寫「.roman」。它並不實際顯示在代碼中。 – Diabolic 2012-04-02 09:37:18

css不工作，一個類不加載

回答

相關問題