Skip to content
Related Articles
Open in App
Not now

Related Articles

CSS | [attribute*=value] Selector

Improve Article
Save Article
  • Last Updated : 08 Jan, 2019
Improve Article
Save Article

The [attribute*=”str”] selector is used to select those elements whose attribute value contains the specified sub string str. This sub string could be at the start, end or in the middle of the class.

Syntax:

element [attribute*="str"] {
    // CSS Property
} 

Example:




<!DOCTYPE html>
<html>
    <head>
        <title>
            CSS [attribute*="str"] Selector
        </title>
          
        <!-- CSS property -->
        <style
            p[class*="for"] {
                background: green;
                color: white;
            }
        </style>
    </head>
    <body>
        <h1>GeeksForGeeks</h1>
        <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
  • Apple Safari 3.2
  • Opera 9.6
My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!