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"