Question

我在一个大型项目中继承了一些CSS代码（我是新手），它显示了

.treeview li.submenu{ //details }

正如您所看到的，li.submenu被“加入”以形成一个字符串。

我将它们分隔为.treeview li .submenu，并且HTML没有按要求呈现。但是我猜这可能是由于其他代码或通过添加空白我实际创建了有效的CSS？

我的理解是，使用上面的例子，最左边的项目是父项，之后的所有项目都是父项的孩子？

我的问题是，句点（。）加入的语法是否正确？如果是，那是什么意思/做什么？我自己的研究没有表现出任何方式。

Answer 1

li.submenu表示具有子菜单类名称的li，例如：

<li class="submenu">this li will be styled</li>

li .submenu表示包含具有子菜单类

的元素的li

<li><a href="" class="submenu">this anchor will be styled</a></li>

Answer 2

li .submenu

选择类名为＆＃34;子菜单＆＃34;的任何元素。包含在li元素中

li.submenu

选择任何类名为＆＃34;子菜单＆＃34;

的li元素