CSS | [attribute^=value] Selector
The [attribute^=value] selector is used to select those elements whose attribute value begins with given attribute.
Syntax:
[attribute^=value] { // CSS Property }
Example:
<!DOCTYPE html> < html > < head > < title > CSS [attribute^="value"] Selector </ title > <!-- CSS property --> < style > p[class^="for"] { background: green; color: white; } </ style > </ head > < body > < h2 >[attribute^=value] Selector</ h2 > < p class = "GeeksforGeeks" >GeeksforGeeks</ div > < p class = "forGeeks" >A computer science portal</ div > < p class = "Geeks" >Sudo GATE</ p > < p class = "for" >Sudo placement</ p > </ body > </ html > |
Output:
Supported Browsers: The browser supported by [attribute^=value] selector are listed below:
- Google Chrome 4.0
- Internet Explorer 7.0
- Firefox 3.5
- Safari 3.2
- Opera 9.6