css 为什么在div中不应用颜色优先级?[duplicate]

5jvtdoz2  于 2023-01-10  发布在  其他
关注(0)|答案(1)|浏览(101)
    • 此问题在此处已有答案**:

Specificity of inherited CSS properties(4个答案)
昨天关门了。
所有文本的颜色都是蓝色的,但是我想在样式中指定的这个div中是黑色的,但是不适用。有人能帮忙吗?

body {
    background-color: #cfc;
}

h1 {
    color: #f00;
    font-family: Verdana, sans-serif;
    size: 32px;
}

h2 {
    color: #a00;
    font-family: Verdana, sans-serif;
    size: 24px;
}

p,
ul,
li {
    color: #00f;
    font-family: Georgia, serif;
    size: 16px;
}

.titles {
    color: #000 !important;
    font-style: italic !important;
}
<div class="titles">
    <ul>
        <li>Example 1</li>
        <li>Example 2</li>
        <li>Example 3</li>
    </ul>
</div>
oyt4ldly

oyt4ldly1#

您只使用.title作为选择器。在.title中,只有ul元素,该元素本身不包含任何文本。li标记是包含文本的标记,因此您需要选择它们,而不是整个父代。您只需将li添加到选择器即可完成此操作。

.titles li {
        color: #000;
        font-style: italic;
    }

Check this了解更多上下文和信息。

相关问题