How to select elements with a specified attribute and value with CSS

CSS Web Development Front End Technology

Use the [attribute = ”value”] selector to select elements with a specified attribute and value.

You can try to run the following code to implement the CSS [attribute = "value"] Selector. Here, we have considered the attribute as rel,

Example:

Live Demo

<!DOCTYPE html>
<html>
   <head>
      <style>
      a[rel = nofollow] {
         border: 3px solid blue;
      }
      </style>
   </head>

   <body>
      <a href = "https://qries.com/What-is-Uber-s-business-model-and-how-does-it-compare-with-Ola-s-model-in-India" rel = "nofollow">Uber's Business Model</a><br><br>
      <a href = "https://www.qries.com/How-does-share-market-work-in-India" rel = "noreferrer">Share Market</a>
   </body>
</html>

Nitya Raut

Updated on: 23-Jun-2020

142 Views

Kickstart Your Career

Get certified by completing the course

Get Started