Tampermonkey / Greasemonkey Userscript To Easily Identify DoFollow and NoFollow Links

NoFollowDoFollowHoverHighlighter.js

// ==UserScript==
// @name         NoFollow / DoFollow Hover-Highlighter
// @namespace    https://hendrixjoseph.github.io/
// @version      0.1
// @description  To Easily Identify DoFollow and NoFollow Links
// @author       JoeHx
// @match        *://*/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    var style = document.createElement("style");
    style.appendChild(document.createTextNode(""));
    document.head.appendChild(style);
    style.sheet.insertRule('a::before {display: none; position: absolute; font-size: small;}');
    style.sheet.insertRule('a::before {content: "(dofollow)"; color: black; background: yellow;}');
    style.sheet.insertRule('a[rel~="nofollow"]::before {content: "(nofollow)"; color: white; background: blue;}');
    style.sheet.insertRule('a:hover::before {display: inline;}');
    //style.sheet.insertRule('a {color: black; background: yellow;}');
    //style.sheet.insertRule('a[rel~="nofollow"] {color: white; background: blue;}');
})();

I talk about creating this gist on my blog post entitled Easily Check if a Link is DoFollow or NoFollow with CSS.