Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 了解这些列表选择器的差异_Css - Fatal编程技术网

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”不能独立于ulol而存在


上面所说的“对无序列表中的所有项目使用第一个”,但对任何列表项目使用第二个吗?

是的。如果
  • 位于
    下,它将与第一条规则和第二条规则匹配。

    第一个表示“将以下规则应用于所有
    li
    ,它们是
    ul
    的后代,而ul又是id
    main\u导航的元素的后代。”


    第二个表示“将以下规则应用于所有
    li
    ,它们是id为
    main\u navigation
    的元素的后代”

    是的。第二条规则匹配有序和无序列表中的
  • 元素。第一个更具体,只匹配无序列表项。

    第一行代码说“将此样式应用于id为main_navigation的div中无序列表项”

    第二行代码是“将此样式应用于div中id为main_navigation的任何类型的列表项”

    +1这两个选择器之间“差异”的最佳解释。
    #main_navigation li{ ... }