مرجع امکانات 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 مورد نظر را به آنها اعمال میکند.