多个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片段才能确定。