Html 如何使用链接关闭CSS？

如何关闭HTML中的CSS链接

我的styles.css页面中有这个

li{
显示：内联；
填充：80px；
}

这使得：

<代码>

水平显示

但是，当我想在HTML中使用有序列表时，数字不会出现。

---

我认为，因为CSS适用于所有

标记。

有序列表具有

ol

标记，

ul

标记是无序列表

在css中，将

ul

更改为

ol

，您将能够创建有序列表

如果您想显示数字，则必须添加

ol

标记

<ol>
    <li><a href="home.html">Home</a></li>
    <li><a href="home.html">About</a></li>
</ol>

例如：

---

您可以尝试

ul li

仅在无序列表中内联项目

ul li {
  display: inline;
  padding: 80px;
}

或者更好的方法是，使用类来指定应该内联显示的列表：

.inline-list li {
  display: inline;
  padding: 80px;
}

<ul class="inline-list">
  <li><a href="home.html">Home</a></li>
  ...

.inline list li{
显示：内联；
填充：80px；
}


...

您可以通过以下方式完成：

a:link {

text-decoration: none;

}

---

至少存在两种可能性； 第一个（但我想不是你要找的那个）是指定风格的路径，如果你可以的话，类似的东西可以满足你的需要

ul>li{
显示：内联；
填充：80px；
}

a
b
c

一,
三,
四,

移除

显示：内联规则？与其为需要特定
inline
样式的列表声明一个类，并保持其作用域并与其他关注点分开，例如
.inline list li{display:inline；}
，不如将
inline list
类应用于父元素，无论是
ul
还是
ol
li
都只是一个项目，可以在
ol
有序列表或
ul
无序列表中
a:link {

text-decoration: none;

}