Css 了解这些列表选择器的差异
我使用的样式表有两个不同的规则:Css 了解这些列表选择器的差异,css,Css,我使用的样式表有两个不同的规则: #main_navigation ul li{ ... } 以及: 我不清楚如何解释这种差异。在我的推理中,“li”不能独立于ul或ol而存在 上面所说的“对无序列表中的所有项目使用第一个”,但对任何列表项目使用第二个吗?是的。如果位于下,它将与第一条规则和第二条规则匹配。是 第一个表示“将以下规则应用于所有li,它们是ul的后代,而ul又是idmain\u导航的元素的后代。” 第二个表示“将以下规则应用于所有li,它们是id为main\u navigatio
#main_navigation ul li{ ... }
以及:
我不清楚如何解释这种差异。在我的推理中,“li”不能独立于ul或ol而存在
上面所说的“对无序列表中的所有项目使用第一个”,但对任何列表项目使用第二个吗?是的。如果
位于
下,它将与第一条规则和第二条规则匹配。是
第一个表示“将以下规则应用于所有li
,它们是ul
的后代,而ul又是idmain\u导航的元素的后代。”
第二个表示“将以下规则应用于所有li
,它们是id为main\u navigation
的元素的后代”是的。第二条规则匹配有序和无序列表中的元素。第一个更具体,只匹配无序列表项。第一行代码说“将此样式应用于id为main_navigation的div中无序列表项”
第二行代码是“将此样式应用于div中id为main_navigation的任何类型的列表项”+1这两个选择器之间“差异”的最佳解释。
#main_navigation li{ ... }