html多个ul时怎么选择某个li,html – CSS选择器:(菜单ul li)或(菜单li)

当你说哪个标签是正确菜单ul li或menu li？时,你是在谈论带有class =“menu”的div还是你在谈论

deprecated menu tag(< menu>)？

如果你只是在谈论你的css代码,那些不是标签,它们是选择器.我会选择最具体的选择器,以避免意外分配

.menu > ul > li{

// this matches only list items directly inside a ul directly inside a .menu

}

更好的是这样的：

#menu > ul > li{

// now you are referencing the menu by id, so you know this is a unique assignment

}

或者,如果您有多个菜单：

#menubar > .menu > ul > li{

}

因为否则你会有惊喜,你可能实际上有这样的结构：

(这很难看,我知道,但只是为了证明一点)

• Menu Item 1
• Menu Item 2
• Menu Item 3
  • Menu Item abc
• Menu Item 4
  1. • Menu Item xyz

(你可能不想匹配abc或xyz项).