Selects all elements with rel=”nofollow” with CSS

CSS Front End Technology Web Development

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-smodel-
         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>

Usharani

Published on 16-May-2018 11:27:39

Previous Page Print Page