مرجع انتخابگرها در CSS - بخش اول
.class .intro { background-color:yellow; }
این مثال تمامی عناصری که class="intro" هستند را انتخاب و style مورد نظر را به آنها اعمال میکند.
#id #name { background-color:yellow; }
این مثال تمامی عناصری که "id="name هستند را انتخاب و style مورد نظر را به آنها اعمال میکند.
*
* { background-color:yellow; }
این مثال تمامی عناصر را انتخاب و style مورد نظر را به آنها اعمال میکند.
element
p { background-color:yellow; }
این مثال تمامی تگ های <p> را انتخاب و style مورد نظر را به آنها اعمال میکند.
element,element
h1,p { background-color:yellow; }
این مثال تمامی تگ های <p> و h1 را انتخاب و style مورد نظر را به آنها اعمال میکند.
element element
div p { background-color:yellow; }
تمام تگ های <p> که در داخل تگ <div> قرار دارند را انتخاب و style مورد نظر را به آنها اعمال میکند.
element>element
div>p { background-color:yellow; }
تمام تگ های <p> که والد (parent) آنها تگ <div> میباشد را انتخاب و style مورد نظر را به آنها اعمال میکند.
element+element
div+p { background-color:yellow; }
تمام تگ های <p> که بلافاصله بعد از تگ <div> قرار دارند را انتخاب و style مورد نظر را به آنها اعمال میکند.