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