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.
Comment sélectionner l' <li>élément qui est un parent direct de l'élément d'ancrage? Par exemple, mon CSS serait quelque chose comme ceci: li < a.active { property: value; } De toute évidence, il existe des moyens de le faire avec JavaScript, mais j'espère qu'il existe une sorte de...
На этот вопрос есть ответы на Stack Overflow на русском : Селектор левых соседей Le signe plus ( +) est pour le prochain frère. Y a-t-il un équivalent pour le frère
Quels caractères / symboles sont autorisés dans les sélecteurs de classe CSS ? Je sais que les caractères suivants ne sont pas valides , mais quels caractères sont valides ? ~ ! @ $ % ^ & * ( ) + = , . / ' ; : " ? > < [ ] \ { } | `
J'ai un tas d'éléments avec un nom de classe red, mais je n'arrive pas à sélectionner le premier élément avec la class="red"règle CSS suivante: .red:first-child { border: 5px solid red; } <p class="red"></p> <div class="red"></div> Exécuter l'extrait de codeMasquer les...
La recherche du ~personnage n'est pas facile. Je regardais du CSS et j'ai trouvé ça .check:checked ~ .content { } Qu'est-ce que ça veut
J'ai un divtag contenant plusieursul balises. Je ne peux définir les propriétés CSS que pour la première ulbalise: div ul:first-child { background-color: #900; } Cependant, mes tentatives suivantes pour définir des propriétés CSS pour chaque autre ulbalise, sauf la première, ne fonctionnent pas:...
Par exemple: p + p { /* Some declarations */ } Je ne sais pas ce que cela +signifie. Quelle est la différence entre cela et juste définir un style pour psans +
J'essaie de sélectionner des inputéléments de tous les types sauf radioet checkbox. Beaucoup de gens ont montré que vous pouvez mettre plusieurs arguments :not, mais l'utilisation typene semble pas fonctionner de toute façon, je l'essaie. form input:not([type="radio"], [type="checkbox"]) { /* css...
J'ai ces divs avec lesquels je stylise .tocolor, mais j'ai également besoin de l'identifiant unique 1,2,3,4 etc., donc j'ajoute cela comme une autre classe tocolor-1. <div class="tocolor tocolor-1"> tocolor 1 </div> <div class="tocolor tocolor-2"> tocolor 2 </div> <div...
Je voudrais écrire une règle de sélection CSS qui sélectionne tous les éléments qui n'ont pas une certaine classe. Par exemple, étant donné le code HTML suivant: <html class="printable"> <body class="printable"> <h1 class="printable">Example</h1> <nav> <!-- Some...
Les sélecteurs CSS correspondent aux moteurs de navigation de droite à gauche. Ils trouvent donc d'abord les enfants, puis vérifient leurs parents pour voir s'ils correspondent aux autres parties de la règle. Pourquoi est-ce? Est-ce juste parce que la spécification le dit? Cela affecte-t-il la mise...
Je recherche un sélecteur CSS pour le tableau suivant: Peter | male | 34 Susanne | female | 12 Existe-t-il un sélecteur pour faire correspondre tous les DT contenant
Est-il possible de sélectionner des éléments en CSS par leurs attributs de données HTML5 (par exemple,
Par exemple: div > p.some_class { /* Some declarations */ } Que signifie exactement le
Existe-t-il un moyen de sélectionner un élément avec CSS en fonction de la valeur de l'attribut de classe définie sur deux classes spécifiques. Par exemple, disons que j'ai 3 divisions: <div class="foo">Hello Foo</div> <div class="foo bar">Hello World</div> <div...
Comment pouvez-vous sélectionner tous les éléments enfants de manière récursive? div.dropdown, div.dropdown > * { color: red; } Cette classe ne lance qu'une classe sur le nom de classe défini et tous les enfants immédiats. Comment pouvez-vous, d'une manière simple, choisir tous les nœuds enfants...
Comment pourrais-je sélectionner tout sauf le dernier enfant à l'aide des sélecteurs CSS3? Par exemple, pour obtenir uniquement le dernier enfant serait
Comment puis-je cibler des champs de saisie de type «texte» à l'aide de sélecteurs CSS?
J'ai une liste d'éléments, dont le style est le suivant: ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li>...
J'ai une règle de style que je veux appliquer à une balise lorsqu'elle a deux classes. Existe-t-il un moyen d'effectuer cela sans JavaScript? En d'autres termes: <li class='left ui-class-selector'> Je veux appliquer ma règle de style uniquement si les lideux .leftet les