Question

我有一个如下所示的div，我试图将 italic，font-style，font-size 等属性设置为无法正常工作的属性。

<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;
}

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

Answer 1

这应该有用 -

.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;
    }

Answer 2

4  mytabclass p    parser error ;!important }

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

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

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

您可以使用w3c css validator来防止将来出现错误。请记住验证器本身has some bugs，但它的语法分析器应该足够好。

Answer 3

嗯。这很奇怪。在使用This Real-time HTML editor

进行测试时，它对我有用

Answer 4

我在CSS中没有看到任何错误。问题通常在其他地方。也许另一条规则就是压倒一切。尝试这个，如果没有任何改变问题不在你的CSS：

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

为什么li的样式在div中不起作用

4 个答案: