سلکتورهای عنصر در CSS

برای ایجاد یک سلکتور عنصر(element selector) اغلب از یک عنصر html استفاده می شود، اما همواره اینگونه نیست. بعنوان مثال، اگر یک فایل CSS حاوی استایل هایی برای یک سند XML باشد، سلکتورهای عنصر ممکن است به صورت زیر باشند:

quote {color: gray;}
bib {color: red;}
booktitle {color: purple;}
myElement {color: red;}

 عناصر سند، بعنوان ساده ترین سلکتورها در نظر گرفته می شوند. در XML، یک سلکتور می تواند هر چیزی باشد؛ زیرا XML به ما امکان می دهد تا کدها و تگ های جدیدی را ایجاد کنیم که با نام تگ ها(ی اچ تی ام ال) متفاوت باشند. از طرف دیگر، اگر ما در حال استایل دهی به یک سند html باشیم، سلکتور عنصر ما می تواند یکی از عناصر html مثل p ، h3، em، a یا حتی خود عنصر html باشد. بعنوان مثال:

html {color: black;}
h1 {color: gray;}
h2 {color: silver;}

 نتیجه ی این برگه ی استایل، در تصویر 2.1 نشان داده شده است:

(تصویر 2.1)

 وقتی که ما به طور سراسری استایل هایی را مستقیم به عناصر اعمال کردیم، می توانیم این استایل ها را از یک عنصر به عنصر دیگر انتقال دهیم. فرض کنید که قصد داریم در تصویر 2.1، متن پاراگراف برابر با خاکستری(gray) باشد، اما عناصر h1 چنین نباشند. برای حل ین مشکل، تنها کافیست سلکتور h1 را به p تغییر دهیم:

(تصویر 2.2)