Je veux définir .exampleclass img {hauteur: 250px} si JavaScript n'est pas activé. Est-ce que c'est leur quand même pour annuler cela dans JavaScript / JQuery?
8 Réponses :
meilleur de ne pas gâcher avec CSS via JS de cette façon. Essayez ceci:
Vous pouvez probablement utiliser la balise Noscript code> de HTML. <noscript>
<style type="text/css">
.exampleclass img {height:250px}
</style>
</noscript>
Je crois que vous pouvez le placer dans les étiquettes de tête. Il serait probablement préférable de définir le style dans la tête. EDIT: S'il s'agit de la définition de la classe, assurez-vous que cela s'achève après la définition de l'autre classe.
Bien que cela fonctionne, je recommande en fait la solution d'Alex sur celui-ci.
Placez une classe "no-js" sur votre élément de corps, puis retirez-la avec JS à la charge et utilisez .NO-JS dans le sélecteur de votre CSS
J'utilise quelque chose comme ça ...
.exampleclass img {height: 250px}
.javascript .exampleclass img {height: 500px}
Selon MDN , Style dans Noscript dans tête est valide.
@Joshkelley bien de savoir, je ne sais pas où j'ai eu cette information de. Je vais le supprimer.
Le moyen le plus élégant est d'avoir dans votre CSS quelque chose comme: et dans votre JS: de sorte que le Deuxième règle CSS remplacera le premier au cas où JS est activé
Un jour, nous pouvons avoir ceci
pas actuellement actif dans chrome 83 Win10 P>
https://developer.mozilla.org/en-us/docs/web/css/@media/scripting p>
P>
<p class="script-none">You do not have scripting available. :-(</p> <p class="script-initial-only">Your scripting is only enabled during the initial page load. Weird.</p> <p class="script-enabled">You have scripting enabled! :-)</p>
Est-ce que cela fonctionne encore
On ne ressemble pas à: /
à l'avenir (si et lorsque les navigateurs commencent à le supporter), il sera possible d'utiliser Scripting code> CSS Media fonction :
@media (scripting: none) {
// Styles to apply if JS is disabled
}
développeur.mozilla.org/en-us/docs/web / CSS / @ Media / Scripting