我在一个大型项目中继承了一些CSS代码(我是新手)并且它显示了
.treeview li.submenu{ //details }
Run Code Online (Sandbox Code Playgroud)
正如你所看到的那样li.submenu,"加入"形成一个单独的字符串.
我将它们分开.treeview li .submenu,HTML没有按照需要呈现.但是,我猜这可能是由于其他代码或通过添加空白我实际上创建了有效的CSS?
我的理解是,使用上面的例子,最左边的项目是父项,之后的所有项目都是父项的子项?
我的问题是,句点(.)加入的语法是否正确?如果是,那是什么意思/做什么?我自己的研究没有表现出任何方式.
li.submenu 表示具有子菜单类名的li,例如:
<li class="submenu">this li will be styled</li>
Run Code Online (Sandbox Code Playgroud)
li .submenu 表示包含具有一类子菜单的元素的li
<li><a href="" class="submenu">this anchor will be styled</a></li>
Run Code Online (Sandbox Code Playgroud)