Comment bloquer une page à partir d'un fichier .css?

Question

Je crée une page personnalisée pour un site dynamique et je me demandais s'il y avait un moyen de bloquer le CSS par défaut (du site global) d'affecter ma page personnalisée. Nulle part sur ma page personnalisée, j'appelle le fichier .css par défaut, mais je crée un lien vers mon fichier .css personnalisé pour la page sur laquelle je travaille. Certains des fichiers .css sont récupérés dans MY CSS, tandis que d'autres parties sont modifiées par le CSS pour le site existant. Je ne savais pas s'il y avait un moyen de s'assurer qu'une page ne répond qu'à une page .css. Je veux essentiellement bloquer la feuille de style par défaut d'affecter ma page personnalisée. J'espère que ce n'est pas trop verbeux et confus d'une question! Je vous remercie!

Answer 1

Vous avez essentiellement deux options. L'une consiste simplement à télécharger leur feuille de style CSS par défaut, en faire une copie, et pour chaque style qu'ils ont défini, réinitialisez-le à la valeur auto ou à toute autre valeur qui fonctionne pour la conception de votre site. Ce sera extrêmement fastidieux, et ne fonctionnera pas si elles mettent à jour leur feuille de style, mais devraient fonctionner.

Une autre option consisterait à utiliser javascript pour supprimer l'association de la feuille de style à la page. Tant que l'URL de la feuille de style que vous voulez supprimer reste constante, vous devriez être capable de le faire. Une recherche rapide Google found the following code faire:

function removejscssfile(filename, filetype){ 
var targetelement=(filetype=="js")? "script" : (filetype=="css")? "link" : "none" //determine element type to create nodelist from 
var targetattr=(filetype=="js")? "src" : (filetype=="css")? "href" : "none" //determine corresponding attribute to test for 
var allsuspects=document.getElementsByTagName(targetelement) 
for (var i=allsuspects.length; i>=0; i--){ //search backwards within nodelist for matching elements to remove 
    if (allsuspects[i] && allsuspects[i].getAttribute(targetattr)!=null && allsuspects[i].getAttribute(targetattr).indexOf(filename)!=-1) 
    allsuspects[i].parentNode.removeChild(allsuspects[i]) //remove element by calling parentNode.removeChild() 
} 
} 

removejscssfile("somestyle.css", "css") //remove all occurences "somestyle.css" on page 

Essentiellement, ce que cela fait est il recherche la page pour toutes les feuilles de style, puis vérifie leur emplacement, et si elle correspond à ce que vous voulez supprimer, supprime cette feuille de style. Le script que j'ai trouvé fonctionne également pour les fichiers javascript.