اصطلاح DOM مخفف واژگان Document Object Model است. این اصطلاح به نمود خارجی کلیه تگ های اچ تی ام ال گفته می شود که به همان ترتیبی که نوشته می شوند در مرورگر به نمایش در خواهند آمد. در چنین شرایطی به راحتی می توان با هدف قرار دادن هر یک از تگ های اچ تی ام ال (HTML) از طریق کدهای سی اس اس (CSS)، استایل خاصی را در مورد آن ها اعمال کرد. اما گاهی اوقات برای برنامه نویس پیش می آید که می خواهد عناصری را با کدهای سی اس اس (CSS) هدف قرار دهد که داخل DOM قرار نمی گیرند. به طور مثال ممکن است طراحی بخواهد استایل های مختلفی برای حالات مختلف لینک در نظر بگیرد. به عبارت دیگر زمانیکه نشانگر موس را روی آن قرار می دهیم یک استایل داشته باشد و زمانیکه روی آن کلیک کردیم استایل دیگری در مورد آن اعمال شود. به عنوان مثال دیگر می توان به دکمه ها اشاره کرد. فرض کنیم قصد داریم زمانیکه نشانگر موس خود روی دکمه قرار داد، رنگ دکمه عوض شود. در چنین مواقعی می بایست از مفهومی تحت عنوان Pseudo Selector استفاده کرد. در واقع از این نوع Selector ها برای عناصری که خارج از DOM قرار می گیرند استفاده می شود.
برای ادامه اموزش اینجا کیلک کنید