CSS *: nicht Selektor in Userscript unter Google Chrome

Question

Ich versuche, ein Userstyle zu erstellen (installiert in Google Chrome als Userscript). Es ist nur etwas CSS, um alles auf der Seite zu verstecken und nur an image anzuzeigen.

html { height:100%; 
     background:url(http://i.imgur.com/oqhgG.png) no-repeat center fixed #FFFFFF !important; 
     overflow:hidden; 
    } 
*:not(html) { display:none; } 

Ich würde sagen, dass es hier etwas nicht stimmt mit meinem Verständnis von CSS ist, aber die arbeitet in Mozilla Firefox (diesen Code in userContent.css eingefügt und es verhält sich wie erwartet).

versuchte auch body statt html, visibility:collapse; statt display:none; und spezifischere :not Selektoren. Hier

ist how userstyles.org makes this CSS into a userscript

Bitte erklären, was hier oben ist! Danke vielmals!

Answer 1

der folgende Code funktioniert gut auf meinem Chrom. Ich habe Ihre @namespace-Zeile entfernt und Stile auf das HTML-Element angewendet.

// @description Block entire websites in style! 
// @author  monn43 
// @homepage  http://userstyles.org/styles/53487 
// @run-at  document-start 
// ==/UserScript== 
(function() { 
var css = ""; 
if (false || (document.domain == "perezhilton.com" ||document.domain.substring(document.domain.indexOf(".perezhilton.com") + 1) == "perezhilton.com") || (document.domain == "fitperez.com" || document.domain.substring(document.domain.indexOf(".fitperez.com") + 1) == "fitperez.com") || (document.domain == "cocoperez.com" || document.domain.substring(document.domain.indexOf(".cocoperez.com") + 1) == "cocoperez.com") || (document.location.href.indexOf("http://perezhilton.com/") == 0)) 
css += "html { height:100%; background:url(http://i.imgur.com/oqhgG.png) no-repeat center fixed #FFFFFF !important; overflow:hidden; }\n*:not(html) { visibility:hidden; }"; 
if (typeof GM_addStyle != "undefined") { 
GM_addStyle(css); 
} else if (typeof PRO_addStyle != "undefined") { 
PRO_addStyle(css); 
} else if (typeof addStyle != "undefined") { 
addStyle(css); 
} else { 
var heads = document.getElementsByTagName("head"); 
if (heads.length > 0) { 
    var node = document.createElement("style"); 
    node.type = "text/css"; 
    node.appendChild(document.createTextNode(css)); 
    heads[0].appendChild(node); 
} 
} 
})();