Les sélecteurs sont des modèles qui correspondent aux éléments d'une arborescence de documents. Dans une règle CSS, ils sont utilisés pour définir des styles pour les éléments qui correspondent au modèle.
Je veux appliquer du CSS pour les éléments d'entrée et je veux le faire uniquement pour les entrées qui ne sont pas désactivées et ne sont pas de type soumettre, ci-dessous le CSS ne fonctionne pas, peut-être si quelqu'un peut m'expliquer comment cela doit être ajouté. input:not(disabled)not:[type="submit"]:focus{ box-shadow:0 0 2px …
J'essaie d'appliquer la couleur d'arrière-plan lorsqu'un utilisateur survole l'élément dont le nom de classe est "reMode_hover". Mais je ne veux pas changer de couleur si l'élément aussi a"reMode_selected" Remarque: je ne peux utiliser que CSS et non javascript car je travaille dans une sorte d'environnement limité. Pour clarifier, mon objectif …
Existe-t-il un moyen d'appliquer un style de classe à un seul niveau de balises td? <style>.MyClass td {border: solid 1px red;}</style> <table class="MyClass"> <tr> <td> THIS SHOULD HAVE RED BORDERS </td> <td> THIS SHOULD HAVE RED BORDERS <table><tr><td>THIS SHOULD NOT HAVE ANY</td></tr></table> </td> </tr> </table>
Je connais déjà: le dernier enfant. Mais y a-t-il un moyen de sélectionner le div: <div id="container"> <div>a</div> <div>b</div> <div>SELECT THIS</div> <!-- THIS --> <div>c</div> </div> REMARQUE: sans jQuery, uniquement avec CSS
Y a-t-il une différence fonctionnelle entre les pseudo-sélecteurs CSS 2.1 :afteret CSS 3 ::after(autre que ::afterne pas être pris en charge dans les navigateurs plus anciens)? Y a-t-il une raison pratique d'utiliser la nouvelle spécification?
На этот вопрос есть ответы на Stack Overflow на русском : Как прописать: hover внутри style = ''? Est-il possible d'avoir des pseudo-classes utilisant des styles en ligne? Exemple: <a href="http://www.google.com" style="hover:text-decoration:none;">Google</a> Je sais que le HTML ci-dessus ne fonctionnera pas, mais y a-t-il quelque chose de similaire qui fonctionnera? …
En utilisant une liste standard, j'essaie de sélectionner les 2 derniers éléments de la liste. J'ai plusieurs permutations de An+Bmais rien ne semble sélectionner les 2 dernières: li:nth-child(n+2) {} /* selects from the second onwards */ li:nth-child(n-2) {} /* selects everything */ li:nth-child(-n+2) {} /* selects first two only */ …
J'utilise les sélecteurs de jQuery, en particulier le sélecteur d'id: $("#elementId")... Comment dois-je déterminer si jQuery a trouvé l'élément ou non? Même si l'élément avec l'ID spécifié n'existe pas, l'instruction suivante me donne:[object Object] alert($("#idThatDoesnotexist"));
Je viens de découvrir Sass et j'en ai été tellement excité. Dans mon site Web, j'implémente un menu de navigation en forme d'arbre, conçu à l'aide du combinateur enfant ( E > F). Y a-t-il un moyen de réécrire ce code avec une syntaxe plus simple (ou meilleure) dans Sass? …
En recherchant la spécificité, je suis tombé sur ce blog - http://www.htmldog.com/guides/cssadvanced/specificity/ Il déclare que la spécificité est un système de pointage pour CSS. Cela nous dit que les éléments valent 1 point, les classes valent 10 points et les ID valent 100 points. Il va également de soi que …
J'essaie d'utiliser document.querySelectorAllpour toutes les cases à cocher qui ont l' valueattribut défini. Il existe d'autres cases à cocher sur la page qui n'ont pas été valuedéfinies, et la valeur est différente pour chaque case à cocher. Cependant, les identifiants et les noms ne sont pas uniques. Exemple: <input type="checkbox" …
Je ne peux pas faire la différence entre element:first-childetelement:first-of-type Par exemple, disons que vous aviez un div div:first-child → Tous les <div>éléments qui sont le premier enfant de leur parent. div:first-of-type → Tous les <div>éléments qui sont le premier <div>élément de leur parent. Cela semble être exactement la même chose, …
Je suis capable de faire ceci: <div id="myDiv"> <div class="foo"></div> </div> myDiv = getElementById("myDiv"); myDiv.querySelectorAll("#myDiv > .foo"); Autrement dit, je peux récupérer avec succès tous les enfants directs de l' myDivélément qui ont la classe .foo. Le problème, c'est que cela me dérange de devoir inclure le #myDivdans le sélecteur, …
Existe-t-il un moyen de sélectionner chaque nième enfant qui correspond (ou ne correspond pas) à un sélecteur arbitraire ? Par exemple, je souhaite sélectionner chaque ligne de tableau impaire, mais dans un sous-ensemble de lignes: table.myClass tr.row:nth-child(odd) { ... } <table class="myClass"> <tr> <td>Row <tr class="row"> <!-- I want this …
We use cookies and other tracking technologies to improve your browsing experience on our website,
to show you personalized content and targeted ads, to analyze our website traffic,
and to understand where our visitors are coming from.
By continuing, you consent to our use of cookies and other tracking technologies and
affirm you're at least 16 years old or have consent from a parent or guardian.