多个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
}

- user2300970

Answer 1

尝试通过添加!important来覆盖它。

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

或者在你想要不同的页面中添加另一个仅包含此规则的CSS文件。

- Lemur

Answer 2

元素是ul，而不是u1或u-one。我假设这不是代码的拼写错误，因为在你的问题中到处都是。

CSS通过级联和特异性来工作。让列表样式应用于您网站的其他元素可能只需要添加一个类：

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

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

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

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

- Sunyatasattva

---

谢谢您的纠正，但是这样使用类并没有帮助。 - user2300970

这很不可能没有帮助。加上 !important 也同样不太可能有帮助。或许需要查看您的HTML代码或者现场实例，才能解决您的问题。 - Sunyatasattva

查看 这个简单的 HTML 和 CSS 演示 来了解你所描述的内容。 - Sunyatasattva

我将顶部选项卡中的列表删除，并将所有ul内容从我的css中删除，以使列表恢复正常。 - user2300970

Answer 3

可能重复了之前说过的话，但如果您想要创建您的'u-one'类，您应该在其前面添加一个点，这样它就是一个类：

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

你可以像使用普通类一样使用它，例如：

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

或者使用ul [UL]标签：

ul {list-style-type: circle;}

所有的无序列表都会有这种格式。

你在CSS中的编写方式在HTML中不起作用，因为'u1'标签不存在。但是我需要看一下你的HTML片段以确保。

- OverFlower