css - 多个css文档，列表样式问题

Question

我的网站有两个不同的 css 样式文件。第一个专门用于索引页面，它使用列表在顶部做标签，作为标题和其余部分之间的链接栏。这有代码：

索引.css：

u1 
{
    list-style-type:none;
}

以及一些适用于 li 元素的代码。

另一个 css 文档用于站点的其余部分。我想对其他一些部分使用列表，但我遇到了问题。虽然 li 元素被正确覆盖，但我无法让 u1 元素在站点的其余部分显示项目符号。我试过使用 u1.a 和 u1.b ，但这并不能解决问题。

main.css：

u1
{
    list-style-type:circle
}

score 1 · Accepted Answer

尝试通过添加覆盖它!important

u1
{
    list-style-type:circle!important;
}

和/或将仅包含此规则的另一个 CSS 文件添加到您想要不同的页面。

score 0 · Accepted Answer

很抱歉可能重申已经说过的话，但是如果你想创建你的“u-one”类，你应该在它前面加上一个点，所以它要么是一个类：

.u1 {list-style-type: circle;}

你会像平常一样使用它，即

<ul class="u1"> <li></li> </ul>

或使用 ul [UL] 作为标签：

ul {list-style-type: circle;}

你所有的 UL 清单都会有这种格式。

你把它放在你的css中的方式不适用于html，因为'u1'标签不存在。但我需要查看您的 html 片段才能确定。

score 0 · Accepted Answer

元素ul在UL notu1和 in 中u-one。我认为这不是代码的错字，因为它在您的问题中无处不在。

CSS 通过级联和特异性工作。将列表样式应用于您网站的其他元素可能就像添加一个类一样简单：

ul.circle {
     list-style-type: circle;
}

然后将相同的类添加到 HTML 文档中的元素中，如下所示：

<ul class="circle"></ul>

有很多不同的方法可以覆盖 CSS，我在前一段时间的回答中描述了它们，但在你的情况下，这应该是最简单的。

3 回答 3