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>GeeksForGeeks</h1>

    <h2>[attribute*=value] Selector</h2>
 
    <p class="GeeksforGeeks">GeeksforGeeks</p>

    <p class="forGeeks">A computer science portal</p>

    <p class="Geeks">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

Article Tags :

CSS

Web Technologies

CSS-Selectors