การทำความเข้าใจคลาส CSS ที่ใช้กับเมนู:“ ลึกกว่า” และ“ พาเรนต์”


10

ฉันพยายามเข้าใจความแตกต่างระหว่างชื่อคลาส "ที่ลึกกว่า" และ "ผู้ปกครอง" ที่ใช้กับliองค์ประกอบหลักในเมนู Joomla 2.5 ที่เป็นค่าเริ่มต้น ดูเหมือนว่าพวกเขาจะถูกนำไปใช้ร่วมกันเสมอ? มันเป็น "ผู้ปกครองที่ลึกซึ้งยิ่งกว่า" เสมอไม่เคยเห็นอย่างใดอย่างหนึ่งเท่าที่ฉันเห็น?

ตัวอย่างเช่น:

<ul class="menu">
<li class="item-108 deeper parent"><a href="https://joomla.stackexchange.com/menu1" >Menu1</a>
    <ul>
    <li class="item-110"><a href="https://joomla.stackexchange.com/menu1/sub11" >Sub11</a></li>
    <li class="item-121"><a href="https://joomla.stackexchange.com/menu1/sub12" >Sub12</a></li>
    <li class="item-122"><a href="https://joomla.stackexchange.com/menu1/sub13" >Sub13</a></li>
    </ul></li>
<li class="item-109 deeper parent"><a href="https://joomla.stackexchange.com/menu2" >Menu2</a>
    <ul>
    <li class="item-130"><a href="https://joomla.stackexchange.com/menu2/sub21" >Sub21</a></li>
    </ul></li>
<li class="item-111 active deeper parent"><a href="https://joomla.stackexchange.com/menu3" >Menu3</a>
    <ul>
    <li class="item-118"><a href="https://joomla.stackexchange.com/menu3/sub31" >Sub31</a></li>
    <li class="item-120 current active"><a href="https://joomla.stackexchange.com/menu3/sub32" >Sub32</a></li>
    <li class="item-131"><a href="https://joomla.stackexchange.com/menu3/sub33" >Sub33</a></li>
    </ul></li>
<li class="item-112"><a href="https://joomla.stackexchange.com/menu4" >Menu4</a></li>
</ul>

ดังนั้น...

  1. เหตุใดผู้ปกครองliจึงมีทั้งชั้นเรียน "ที่ลึกกว่า" และ "ผู้ปกครอง" เมื่อมีเมนูย่อย ทำไมไม่เพียงแค่ "ผู้ปกครอง"?

  2. มีสถานการณ์เมื่อมีการใช้และอื่น ๆ ไม่ได้หรือไม่ กล่าวคือ เมื่อละเว้นการ "ลึก" อาจจะ?

คำตอบ:


10
  • .deeperถูกนำไปใช้เมื่อรายการเมนูมีเมนูย่อย (รายการ)
  • .parentถูกนำไปใช้หากรายการเมนูนี้เป็นรายการหลักของรายการเมนูอื่น

หากคุณมีเมนูที่แสดงทุกระดับคลาสทั้งสองจะถูกนำไปใช้กับรายการเมนูหลัก แต่บางครั้งคุณต้องการแสดงเพียงระดับแรกในเมนูหลักของคุณและแสดงระดับอื่น ๆ ในเมนูด้านข้างเช่น .deeper จะไม่ถูกนำไปใช้ในเมนูหลักเพราะมีเพียง 1 ระดับ

ภาพหน้าจอที่แก้ไขนี้จะช่วยให้เข้าใจคลาสได้ดีขึ้น:

คลาส CSS ของเมนู

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.