How to Style NoFollow Links

Posted by Lasantha Bandara on April 8th, 2017 File Under : css, html0 Comment

When you add "nofollow" value to the rel attribute of an HTML link, it basically instructs to a search engine to just ignore that link. Do you want to style these nofollow links of your website using CSS? All you have to do is write styles for this CSS selector:

a[rel~="nofollow"]

We can write styles for above CSS selector like this:

a[rel~="nofollow"] {
    background: #333 !important;
    color: #fff !important;
    text-decoration: none !important;
}

Note: Above code is only an example. You can create your own CSS.

File Under : css, html

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.