آموزش انتخاب عنصر ریشه یا root در CSS

 شبه کلاس root: عنصر ریشه(root) سند را انتخاب(گزینش) می کند. در HTML، عنصر ریشه همان(تگ) html می باشد. مزیت واقعی این سلکتور، وقتی آشکار می شود که بخواهیم برای زبان های XML برگه های استایلی را بنویسیم؛ به طوری که عنصر root ممکن است در هر زبانی مختلف باشد. بعنوان مثال، در RSS 2.0، عنصر rss ریشه می باشد؛ در کدهای زیر، یک مثال در زمینه ی استایل دهی به عنصر root زده ایم. همان طور که در تصویر 2.23 نشان داده شده است:

:root {border: 10px dotted gray;}
body {border: 10px solid black;}

(تصویر  2.23 : استایل دهی به عنصر ریشه یا root در CSS)

در سندهای HTML، همیشه می توانیم عنصر html را مستقیماً انتخاب کنیم؛ بدون اینکه بخواهیم از شبه کلاس root: استفاده کنیم. بین این دو سلکتور از نظر ویژگی، تفاوت وجود دارد؛ که در فصل 3 به بررسی آنها خواهیم پرداخت.