CSSコードの次の行:
.sf-menu li:hover ul, .sf-menu li.sfHover ul {top: 40px!important; }
HTMLタグ<ul>と<li>はどういう意味ですか?
同じ名前のHTML要素からのものです。
UL-順序付けされていないリスト(順序付けされた、または番号が付けられたリストはOLになります)
LI-リストアイテム
ul順序付けられていないリストを表します。
liリストアイテムの略です。
olこれらは、「番号付き」リスト(順序付きリスト用に指定)ではなく、「箇条書き」リストのHTMLタグです。
それらは、ページ内の要素を対象<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"