我正在尝试在我的页面上设置不同样式的两个无序列表 - 顶部导航栏没有列表样式,表单中有常规列表样式。
这是我的简化标记:
<html>
<head>
<style>
nav
{
background-color:lightgrey;
}
nav ul, li
{
list-style:none;
display:inline-block;
}
form ul, li
{
color:red;
}
</style>
</head>
<body>
<nav>
<ul>
<li>Nav Item 1</li>
<li>Nav Item 2</li>
<li>Nav Item 3</li>
</ul>
</nav>
<form>
<ul>
<li>Form Item 1</li>
<li>Form Item 2</li>
<li>Form Item 3</li>
</ul>
</form>
</body>
运行时,导航和表单 UL 都显示为红色,并且也缺少列表样式。
最佳答案
将 nav ul, li
替换为 nav ul, nav li
并将 form ul, li
替换为 form ul, form li
.
关于html - 无法仅针对 CSS 中的一个无序列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27977681/