Skip to content
Related Articles

Related Articles

CSS | [attribute*=value] Selector
  • Last Updated : 08 Jan, 2019

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

Attention reader! Don’t stop learning now. Get hold of all the important DSA concepts with the DSA Self Paced Course at a student-friendly price and become industry ready.

My Personal Notes arrow_drop_up
Recommended Articles
Page :