In this quick post, you’ll see how to use CSS attribute selectors to reveal any nofollow links included in your web pages.
Here is a quick CSS code snippet that will highlight all instances of nofollow links on your web pages:
background-color: red !important;
color: white !important;
Once included, this code will apply a red background with white text to all nofollow links on the page. It works by using the CSS attribute selector to match any occurrence of
nofollow in the
rel attribute. Feel free to customize the styles to make nofollow links display however works best for you.
- Remove nofollow Attributes from Post Content
- Much ado about nofollow: The Perishable Press Dofollow Series
Like our new Facebook Page to show support!