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

Question

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

index.css：

u1 
{
    list-style-type:none;
}

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

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

ma​​in.css：

u1
{
    list-style-type:circle
}

Answer 1

尝试通过添加!important覆盖它

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

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

Answer 2

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

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

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

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

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

有很多不同的方法可以覆盖 CSS，我在 answer of sometime ago 中描述了它们，但在你的情况下，这应该是最简单的。

Answer 3

很抱歉可能会重申已经说过的话，但是如果你想创建你的“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 的 sn-p 才能确定。