مرجع انتخابگرها در CSS - بخش دوم

مرجع انتخابگرها در CSS - بخش دوم

[attribute]

a[target]
{ 
background-color:yellow;
}

 تمام تگ های<a> که ویژگی target  را نیز دارند را  انتخاب و style مورد نظر را به آنها اعمال میکند.

<a href="http://www.pars-soft.ir">گروه نرم افزار ی پارس سافت</a>
<a href="http://www.pars-soft.ir" target="_blank">طراحی وب سایت</a>

 [attribute=value]

a[target=_blank]
{ 
background-color:yellow;
}

 تمام تگ های<a> که ویژگی target=_blank  را دارند، انتخاب و style مورد نظر را به آنها اعمال میکند.

[attribute~=value]

[title~=pars]
{ 
background-color:yellow;
}

 تمام تگ های<a> که ویژگی "title=pars"  را دارند، انتخاب و style مورد نظر را به آنها اعمال میکند.

[attribute|=value]

[lang|=fa]
{ 
background-color:yellow;
}

 تمامی عناصری  که  ویژگی "lang"  آنها با "fa" آغاز میشود، انتخاب و style مورد نظر را به آنها اعمال میکند.

:link

a:link
{ 
background-color:yellow;
}

  تمام تگ های<a> که روی آنها کلیک نشده است را، انتخاب و style مورد نظر را به آنها اعمال میکند.

:visited

a:visited
{ 
background-color:yellow;
}

  تمام تگ های<a> که روی آنها کلیک شده است را، انتخاب و style مورد نظر را به آنها اعمال میکند.

:hover

a:hover
{ 
background-color:yellow;
}

تمام تگ های<a> را زمانی که با ماوس روی آنها میروید، انتخاب و style مورد نظر را به آنها اعمال میکند.

:focus

input:focus
{ 
background-color:yellow;
}

 تمام تگ های input  را زمانی که انتخاب میکنید، style مورد نظر را به آنها اعمال میکند.