این نمونه کد CSS

سلام
میخواستم یکی برام توضیح بده این خط ها در سی اس اس چی میگن ( یعنی کارشون چیه ) :

[PHP]#header img.navmenu-icon-links {
width: 45px;
background-position: -505px 0;
}
#header img.navmenu-icon-links:hover {
width: 45px;
background-position: -505px -90px;[/PHP]

اگه زحمتی بهم بگید این کدها کارشون چیه

اولی عکسی که کلاس navmenu-icon-links داره و تو تگی قرار گرفته که آی دی header داره ٬ عرض و موقعیت قرار گیریش رو تعیین میکنه .

دومی اگر موس روی همون مشخصات بالا بره موقعیت عکس رو تغییر میده در واقع ۹۰ پیکسل جابه جاش میکنه ...

سلام.
خط نخست:
در تگی (هر تگی) با آی دی header که درونش یک عکس با کلاس navmenu-icon-links هست خط دو و سه رو انجام بده:
خط دو:
پهنا: 45 پیکسل،
خط سه:
محل بک گراند (مختصات): -505 پیکسل از پایین، 0 پیکسل چپ (اگر اشتباه نکنم)
خط چهارم:
یعنی دیگه ادامه ی این دیگه به اون المنت مربوط نیست.
خط 5 (دههه خسته شدم به حروف نوشتم دیگه! :دی):
اگر در تگی (هر تگی) با آی دی header که درونش یک عکس با کلاس navmenu-icon-links هست، موس روش اومد، (hover یعنی موس بیاد روش)، این کار ها رو انجام بده.
خط 6:
پهنا: 45 پیکسل،
خط 7:
محل بک گراند (مختصات): -505 پیکسل از پایین، -90 پیکسل چپ (اگر اشتباه نکنم)