CSS [attribute*=value] Selector
The [attribute*=”str”] selector is used to select those elements whose attribute value contains the specified substring str. This sub-string could be at the start, end, or in middle of the class.
Syntax:
element [attribute*="str"] { // CSS Property }
Example: In this example, the selected <p> elements with the class containing “for” will have a green background and white text color, as defined by the corresponding CSS rules.
html
<!DOCTYPE html> < html > < head > < title > CSS [attribute*="str"] Selector </ title > <!-- CSS property --> < style > p[class*="for"] { background: green; color: white; } </ style > </ head > < body > < h1 >w3wiki</ h1 > < h2 >[attribute*=value] Selector</ h2 > < p class = "w3wiki" >w3wiki</ p > < p class = "forBeginner" >A computer science portal</ p > < p class = "Beginner" >Sudo GATE</ p > < p class = "for" >Sudo placement</ p > </ body > </ html > |
Output:
Supported Browsers: The browser supported by [attribute*=value] Selector is listed below:
- Google Chrome 4.0
- Internet Explorer 7.0
- Firefox 3.5
- Apple Safari 3.2
- Opera 9.6
Contact Us