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