Comment puis-je trouver de manière anticipée que cette classe CSS est utilisée ou non sur le site Web?
Comme - p>
propriété de style que j'écris dans mon CSS est utilisé ou non?
et p>
classe ou id est utilisé dans la page Web? p>
EXE: P>
.textstyle4{
font:normal 12px Arial, Helvetica, sans-serif ;
color:#777;
}
6 Réponses :
Si vous souhaitez voir quels styles CSS sont appliqués à un élément rendu sur votre navigateur, vous devez rechercher Firefox et Firebug pour afficher les informations DOM et CSS.
Si vous utilisez IE8, vous pouvez utiliser les outils de développeur IE8 pour faire la même chose.
L'addon d'utilisation CSS pour Firefox fait ce que je pense que vous recherchez: https://addons.mozilla.org/en-us/firefox/addon/ 10704 /
Hey, je peux trouver ceci pour l'élément mais je veux vraiment que sur quel élément CSS applique? Ceci est apparemment dans ce cas.
Je ne sais pas que je vous suive, mais il semble que vous puissiez simplement vouloir Firebug alors que Roberto vous a suggéré de choisir un élément et de voir tous les styles qui sont appliqués à celui-ci, ainsi que des styles qui sont définis dessus mais remplacé.
J'ai toujours utilisé Firebug pour approfondir la CSS sur l'élément. Mais j'ai besoin de là où est ma classe utilisée sur le site Web?
Oh, je ne sais rien. Ce serait assez délicat puisqu'il devait charger toutes vos pages et pour tout ce qui n'était pas un contenu totalement statique, il serait nécessaire de comprendre tous les différents HTML que vous pourriez rendre. Je pense que vous finiriez de devoir rouler le vôtre pour quelque chose comme ça.
Vous voulez donc être capable de faire quelque chose comme cliquez sur une classe CSS et de trouver toutes les pages de votre site qui utilisent cette classe? Pas au courant d'un tel outil, la réponse de Kekeukela de CSS Utilisation est probablement aussi proche que vous obtiendrez - ce qui vous permettra de trouver ce que CSS une page individuelle utilise.
Il y a aussi "Dust-Me", une extension Firefox pour trouver des CSS non utilisés:
https://addons.mozilla.org/en-us/ Firefox / Addon / 5392 /
Cependant, ce plugin ne fonctionne pas avec FF5 +
S'il s'agit d'une question plutôt qu'une question, Topstyle 5 donne lancé des rapports sur l'utilisation de la classe, les cours d'orpheline, les classes indéfinis, l'aperçu des identités et la désactivation des cas pour des sites entiers, tous liés au fichier ou à la place correspondant dans la feuille de style. Cependant, les feuilles de style Afaik uniquement sont analysées, pas style blocs ou styles en ligne, mais cela peut dépendre de la disposition du site. Pour les sites ici, les blocs Style sont insérés de manière dynamique, de sorte que la raison pourriez être la raison pour laquelle Topstyle les manque. Bien sûr que ce n'est pas gratuit.
Pouvez-vous ajouter un exemple de la façon dont vous voudrez que cela fonctionne. Je ne sais pas si vous recherchez une solution basée sur le code ou simplement un outil à utiliser pour examiner le contenu source et savoir.
Vous confondez le bejeebus hors de moi. Si vous voulez savoir quelles classes / styles sont appliquées à un élément, la réponse de Roberto de «Firebug» est correcte. Si vous voulez savoir quelles parties de votre CSS sont utilisées / inutilisées sur une page donnée, la réponse de Kekekela est correcte de la réponse de CSS. Si vous souhaitez trouver toutes les pages qui utilisent une partie spécifique d'une feuille de style, alors vous êtes s.o.l. Pour autant que je sache.
@KC Cela signifie que vous n'allez pas trouver ce que vous recherchez. Ma compréhension de votre question est que vous souhaitez faire quelque chose comme un clic clique avec le bouton droit de la souris sur une classe CSS et sélectionnez "Trouver des pratiques" - ce serait une excellente fonctionnalité, mais je ne suis pas au courant d'un tel outil
@Stw merci de modifier ma question.Now c'est parfait ce dont j'ai besoin!