Css 选择列表菜单的良好实践

考虑到这一点：

 <div id="container">
    <div id="mainmenu">
     <ul>
      <li> <a href=""><h1>My Dashboard</h1></a></li><br>
      <li> <a href=""><h1>About</h1></a></li><br>
      <li> <a href=""><h1>Contact</h1></a></li><br>
      <li> <a href=""><h1>Setttings</h1></a></li><br>
      <li> <a href=""><h1>Log Out</h1></a></li><br>
     </ul>
    </div>
 </div>

全样本：

---

我有点不确定你在问什么

严格来说，您提供的选择器是有效的，可以选择

#主菜单中的
元素

但是我想问：
ulli
选择器的一部分是必要的吗？你可以把它们都重写为

#mainmenu a {}
#mainmenu a:hover {}

它们的工作原理相同，需要更少的解析。如果只想选择
元素的后代
元素，可以将
li
保留在选择器中；但是，
ul
不是必需的——这意味着您的
元素将是
的子元素（假设您正在编写有效的HTML）

另一个注意事项是：
元素是内联的，这意味着它们将在文本级别执行操作<另一方面，代码>

元素是块级元素，因此不属于

元素内部。事实上，一个页面上通常不应该有多个

，更不用说使用

标记菜单项了。如果您希望菜单项像标题一样大，请使用CSS规则来设置它们的样式

我对一些属性有问题

#container ul li{
    display: inline-block;

}


#mainmenu ul li a{}

#mainmenu ul li a:hover{}

---

什么属性会导致问题？

#主菜单a{}应该足够了？请编辑您的答案，以包括您遇到问题的属性。这些选择器中没有CSS。您需要提供准确的代码。i、 在括号内正确地调试它。只是风格的东西，没有什么关系：我主要关心的是如何正确地选择这些项目。这些都是很好的谈话-谢谢。不管我有什么问题，那都是由其他功能不正常引起的。谢谢