Comment changer dans tous les css "#xxx" à "# 000"

Question

Je voudrais avoir un script, donc quand je l'ai activé, que toutes les choses montrées sur ma page avec la valeur #xxx (en couleur, bordures, etc . etc.) passe au noir # 000. C'est possible? Je veux avoir deux versions de mon site - une normale, et une pour l'option 'pleurer'. Le client a voulu :)

Answer 1

faites deux feuilles de style différentes avec des comportements différents que vous avez exigés et permutez les dossiers de css quand vous devez changer les versions.

aide disponible pour le changement de fichier css dynamiquement:

adding css file with jquery
jQuery Change CSS File Dynamically

Answer 2

Cette approche est pas très pratique avec juste JavaScript. Je suggère d'utiliser des classes sur le body pour différencier les couleurs ou les options. Par exemple -

.mourn #someSelector { 
    /* override the properties with #000 */ 
} 

Cette approche est assez standard pour ce que vous essayez de faire. Avoir deux feuilles de style serait plus efficace.

Answer 3

Un défaut, celui que vous avez déjà, et un autre qui ne remplace que les couleurs désirées. Vous pouvez trouver comment réaliser ceci ici: http://alistapart.com/article/alternate

Answer 4

Créez une copie de votre fichier CSS et utilisez find et replace pour remplacer toutes les occurrences de la couleur. Ensuite, téléchargez les deux fichiers sur votre site Web. Vous pouvez utiliser javascript pour basculer entre les deux feuilles de style.

Answer 5

Si vous avez cette ligne dans votre page:

<link id="stylesheet1" href="normal.css" type="text/css" rel="stylesheet">

vous pouvez passer à la feuille de style avec toutes les valeurs noires avec JavaScript comme ceci:

document.getElementById('stylesheet1').href= 'black_values.css';