Je veux appliquer des styles ( Si je dois utiliser des sélecteurs très généraux (par exemple, #box) pour personnaliser un site Web donné, que Le style pourrait affecter involontairement d'autres sites Web qui ont ce même sélecteur générique. Existe-t-il un moyen de spécifier un domaine avec un sélecteur afin que je puisse mes styles personnalisés pour chaque site Web séparé? P> J'ai aussi trouvé @ - Moz-Document qui a l'air bien, mais est spécifique à Mozilla et j'utilise un navigateur WebKit. Y a-t-il un équivalent? P>
4 Réponses :
est le CSS hébergé sur un serveur qui vous permet également de script? Avez-vous essayé d'écrire un script côté serveur pour générer les règles CSS correctes en fonction de l'hôte qui servant la page? P>
edit Ajoutée le 30 mars 2010: em> p>
Vous serez peut-être mieux à utiliser l'extension Greasemonkey pour le faire. Il est beaucoup plus puissant que les feuilles de style définies par l'utilisateur, car vous pouvez utiliser JavaScript, et ajouter des règles de domaine ou de page est aussi simple que d'ajouter des balises spéciales aux commentaires de l'en-tête. Greasemonkey a été spécialement conçue pour la manipulation de votre type de problème et, tout en ayant besoin d'un plugin pour exécuter des scripts greasemonkey dans Firefox, des navires chromés avec support Greasemonkey intégré. P>
Ce n'est pas le côté serveur, c'est un fichier local que mon navigateur utilise pour remplacer le comportement sur les pages que j'ai parcourues.
Vous serez peut-être mieux à utiliser l'extension Greasemonkey pour le faire. Il est beaucoup plus puissant que les feuilles de style définies par l'utilisateur, car vous pouvez utiliser JavaScript, et ajouter des règles de domaine ou de page est aussi simple que d'ajouter des balises spéciales aux commentaires de l'en-tête. Greasemonkey a été spécialement conçue pour la gestion de votre type de problème, et pendant que vous avez besoin d'un plugin pour exécuter des scripts Greasemonkey dans Firefox, des navires chromés avec support Greasemonkey intégré.
Je préfère Safari, alors j'utiliserais une extension de safari, mais je pense que vous êtes correct - il n'y en a aucun moyen avec CSS. Si vous souhaitez modifier votre commentaire dans votre réponse, je le ferai comme accepté.
Fait. Je crois que cela pourrait être l'extension de Safari: 8-p.info/GraseKit
Oui, un utilisateur est certainement la meilleure solution.
Si vous pouvez modifier le HTML à l'aide de JavaScript, il y aurait un moyen. Cela pourrait aller quelque chose comme ça (en utilisant jQuery): puis, dans votre CSS, vous pouvez le faire: P> #Mozilla div.Whatever { background-color: orange; }
#IE6 div.Whatever { background-color: red; }
#IE9 div.Whatever { background-color: green; }
// etc.
Cela doit être une extension de navigateur car elle utilise JavaScript, que j'espère éviter.
Pourquoi le bowvote? Notez l'historique de modification du poste et l'heure que cette réponse a été postée. Les informations vous poussent à ne pas aimer cette réponse n'étaient pas disponibles à ce stade.
UHM, je pense que PHP serait la solution la plus rationnelle, et réellement très facile. Utilisez PHP pour décider de quoi / quand faire et écho à certains fichiers CSS dans certains cas. P>
Si vous avez besoin de plus d'aide, dites-nous plus de votre problème et je vais écrire la solution complète pour vous. P>
Pertinez-vous PHP ne peut pas m'aider ici. J'essaie de définir cela dans la feuille de style personnalisée de mon navigateur. Ce n'est pas un code côté serveur, mais merci pour l'offre.
Envisagez d'installer un bloqueur d'annonce tel que Ublockorigin, puis écrivez quelques filtres personnalisés. Vous pouvez ajouter ces filtres personnalisés dans Paramètres -> Mes filtres.
examplewebsite.com###ExampleId, .ExampleClass:style(background-color: yellow !important;)
(C'était à l'origine une réponse mais j'ai fait un commentaire avec des informations supplémentaires.) Autant que je sache, la directive
code> est une extension Mozilla et, comme on ne l'trouve pas dans WebKit (ou tout autre moteurs). Il existe désormais une proposition pour un
@document code> règle dans CSS3
, basé sur la mise en œuvre de Gecko, mais Gecko est toujours le seul moteur à la mettre en œuvre maintenant.Generic
@document code> est reporté jusqu'à CSS4, mais nous pouvons voir
@ - -Document code> Variantes entre-temps, je n'ai aucune idée de progression des moteurs spécifiques.