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

Question

我的网站有两种不同的CSS样式文档。第一个是专门用于索引页面的，它使用列表在顶部做标签，以获得标题与其余部分之间的链接栏。这有代码：

index.css：

u1 
{
    list-style-type:none;
}

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

另一个css文档用于网站的其余部分。我想使用其他部分的列表，但我遇到了问题。虽然li元素被正确覆盖，但我无法获得u1元素来显示网站其余部分的子弹。我尝试过使用u1.a和u1.b，但这并没有解决它。

的main.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片段才能确定。