在以下CSS代码行中:
.sf-menu li:hover ul, .sf-menu li.sfHover ul {top: 40px!important; }
Run Code Online (Sandbox Code Playgroud)
什么HTML标签<ul>和<li>意味着什么呢?
它们是目标<ul>和<li>页面中的元素.
在CSS中,id以前缀为前缀#,类以前缀为前缀.,而元素根本没有前缀.
因此,选择器.sf-menu li:hover ul将应用于当前指向<ul>的<li>元素内的任何元素,在元素内class="sf-menu".
选择器.sf-menu li.sfHover ul将应用于<ul>元素内部的任何元素,在<li>元素class="sfHover"内部class="sf-menu".