Question

在小提琴上css工作正常。在我的网站上，'roman'不会加载。如果我检查它存在的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选项卡。根据你的代码，没有任何错误，但我们最终不知道干扰类或标签的是什么。

css没有工作，一个班没有加载

1 个答案: