سوال در مورد کدهایی css

[payamka]

سلام
کدهای زیر چکار میکنن؟


#nav li ul{display:none;}

#nav li:hover ul{display:block;width:40em;position:absolute;top: 20px}


#nav a{display:block;}

[Saber Mogaddas]

سلام

#nav li ul{display:none;}

ما یه تگی با id nav داریم که داخل اون لیست های تو در تو هست با این select ما ul هایی که در داخل li هستند که این li هم در تگی با آیدی nav است رو Display:none خواهد کرد ..

#nav li:hover ul{display:block;width:40em;position:absolute;top: 20px}


این selector هم مانند selector بالا عمل می کنه با این تفاوت که این دستورات زمان hover بر روی li هایی که در داخل تگی با آیدی nav هست اعمال خواهد شد.منظور از hover هم همان mouse over و mouse out هست..

#nav a{display:block;}

این selector نیز تمامی تگ های a موجود در تگی با آیدی nav را دربر میگیره و display آنهارا مساوی با block می کنه ..
در کل این دستورات برای باز و بسته شدن زیر منو ها استفاده میشه ..
موفق باشید..