Skip to content
Related Articles

Related Articles

CSS | [attribute^=value] Selector
  • Last Updated : 14 Jan, 2019

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:
CSS attribute Selector example output gfg

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

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 :