CSS [attribute*=”value”] Selector

CSS [attribute*="value"] selector selects all the elements whose attribute contain the specified value. The specified value needs not be a whole word and can be anywhere inside the attribute like: in the beginning, middle, or at the end.

The [attribute*=”value”] selector in the example below selects all the <p> elements that contain the value ‘nal’ in their class attribute and sets their background color to yellow.


   background: yellow;

Select all the <img> elements whose alt attribute contains the word ’round’ and set their border radius to 50%.


   border-radius: 50%;

CSS Syntax

The [attribute*=”value”] selector has the following syntax:

   CSS styles

Related Pages

CSS Tutorials: CSS Attribute Selectors


  • Manoj Kumar

    Hi, My name is Manoj Kumar. I am a full-stack developer with a passion for creating robust and efficient web applications. I have hands-on experience with a diverse set of technologies, including but not limited to HTML, CSS, JavaScript, TypeScript, Angular, Node.js, Express, React, and MongoDB.