मेनू में लागू सीएसएस कक्षाओं को समझना: "गहरा" और "माता-पिता"

मैं मूल liJoomla 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>

इसलिए...

क्यों माता-पिता करते liरों दोनों "गहरा" और "जनक" वर्गों के लिए लागू किया है जब वहाँ एक उप मेनू है? बस "माता-पिता" क्यों नहीं?
क्या कोई स्थिति है जब एक को लागू किया जाता है और दूसरा नहीं होता है? अर्थात। जब शायद "गहरा" छोड़ दिया जाता है?

joomla-2.5 menu css

— मिस्टर वाइट
स्रोत

.deeper तब लागू होता है जब मेनू आइटम में सबमेनू (आइटम) होता है
.parent लागू किया जाता है यदि यह मेनू आइटम किसी अन्य मेनू आइटम का माता-पिता है

यदि आपके पास सभी स्तरों को दिखाने वाला एक मेनू है तो दोनों वर्गों को मूल मेनू आइटम पर लागू किया जाता है। लेकिन कभी-कभी आप अपने मुख्य मेनू में सिर्फ पहला स्तर दिखाना चाहते हैं और अन्य स्तरों को साइड मेनू में दिखा सकते हैं, उदाहरण के लिए। .deeper को मुख्य मेन्यू पर लागू नहीं किया जाता है क्योंकि इसमें केवल 1 स्तर होता है।

इस संपादित स्क्रीनशॉट को कक्षाओं को बेहतर ढंग से समझने में मदद करनी चाहिए:

मेनू सीएसएस कक्षाएं

— fruppel
स्रोत