1

我有一个如下所示的 div，我正在尝试为它们设置无法正常工作的属性，如斜体、字体样式、字体大小。

<div id="cstopics" class="mytabclass">
    <p class="tabpanelfont">Data mining and data warehousing</p>
    <ul>
       <li>Data mining techniques</li>
       <li>Knowledge discovery</li>
       <li>Association rule mining</li>
       <li>Data warehousing architectures</li>
       <li>Multidimensional modelling and queries</li>
    </ul>
    <!--Few more ul elements -->
</div>

.mytabclass p{
    font-size: 16px;!important 

}

.mytabclass li {
    font-size: 12px;
    font-style: italic;
}

但似乎没有任何效果，有人可以解释为什么吗？

4

4 回答 4

2

这应该工作 -

.mytabclass p{
    font-size: 16px; /*You used !important after semicolon which is not the correct use of it and in this situation its not necessary*/
}

.mytabclass ul li {
    font-size: 12px;
    font-style: italic;
}

要将项目符号替换为破折号，请执行以下操作：

.mytabclass ul{
        list-style-type: none;
    }
.mytabclass ul li{
        font-size: 12px;
        font-style: italic;        
        background: url(pathToDashImage.jpg) no-repeat left top;
        padding: 0 0 0 20px;
    }
于 2012-11-24T10:44:02.190 回答
1 
4 mytabclass p 解析器错误 ;!important }

!imporant必须是规则价值的一部分。在后面声明;是语法错误，这通常会导致以下规则被忽略。除此之外，您的逻辑很好。

.mytabclass p{
    font-size: !important 16px;
}

.mytabclass li {
    font-size: 12px;
    font-style: italic;
}

您可以使用w3c css 验证器来防止将来出现错误。请记住，验证器本身有一些错误，但它的语法解析器应该足以满足您的需求。

于 2012-11-24T10:54:50.437 回答
0

嗯。这很奇怪。使用此实时 HTML 编辑器进行测试时，它对我有用

于 2012-11-24T10:45:34.483 回答
0

我在您的 CSS 中没有看到任何错误。问题往往出在其他地方。也许另一条规则覆盖了这一点。试试这个，如果没有任何改变问题不在你的 css 中：

body div.mytabclass ul li {
    font-size: 12px;
    font-style: italic;
}
于 2012-11-24T10:46:56.080 回答