Questions marquées «css-selectors»

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.

2
Sélectionner récursivement tous les éléments enfants en CSS
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 comme ceci: div.dropdown, div.dropdown > …
407 css  css-selectors 
8
CSS: pas (: dernier enfant): après le sélecteur
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> <li>Five</li> </ul> Exécuter l'extrait de codeMasquer les résultatsDévelopper l'extrait Sorties One | Two | Three | Four | …
3
Sélectionner un élément basé sur plusieurs classes
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 .ui-class-selectorclasses sont appliquées.
360 css  css-selectors 
10
jQuery premier enfant de «this»
J'essaye de passer "ceci" d'une étendue cliquée à une fonction jQuery qui peut ensuite exécuter jQuery sur le premier enfant de l'élément cliqué. Je n'arrive pas à faire les choses correctement ... <p onclick="toggleSection($(this));"><span class="redClass"></span></p> Javascript: function toggleSection(element) { element.toggleClass("redClass"); } Comment référencer le: premier enfant de l'élément?
6
Existe-t-il un sélecteur CSS pour le premier enfant direct uniquement?
J'ai le html suivant <div class="section"> <div>header</div> <div> contents <div>sub contents 1</div> <div>sub contents 2</div> </div> </div> Et le style suivant: DIV.section DIV:first-child { ... } Pour une raison que je ne comprends pas, le style est appliqué au "sous-contenu 1" <div> ainsi qu'à "l'en-tête" <div> . Je pensais que …
315 html  css  css-selectors 
7
CSS peut-il détecter le nombre d'enfants d'un élément?
Je réponds probablement à ma propre question, mais je suis extrêmement curieux. Je sais que CSS peut sélectionner des enfants individuels d'un parent, mais existe-t-il un support pour styliser les enfants d'un conteneur, si son parent a une certaine quantité d'enfants. par exemple container:children(8) { // style the parent this …
304 css  css-selectors 
7
Sélecteurs CSS Child vs Descendant
Je suis un peu confus entre ces 2 sélecteurs. Le sélecteur descendant : div p sélectionner tout pdans un divsi c'est un descendant immédiat ou non? Donc, si le pest à l'intérieur d'un autre, divil sera toujours sélectionné? Ensuite, le sélecteur d' enfant : div > p Quelle est la …
299 css  css-selectors 
5
Spécifiez plusieurs sélecteurs d'attributs en CSS
Quelle est la syntaxe pour faire quelque chose comme: input[name="Sex" AND value="M"] Fondamentalement, je veux sélectionner l' inputélément qui a l'attribut name="Sex"ainsi que l'attribut value="M": <input type="radio" name="Sex" value="M" /> Les éléments tels que les suivants ne doivent pas être sélectionnés: <input type="radio" name="Sex" value="F" />
9
Comment styliser des éléments pairs et impairs?
Est-il possible d'utiliser des pseudo-classes CSS pour sélectionner des instances paires et impaires d'éléments de liste? Je m'attends à ce que les éléments suivants produisent une liste de couleurs alternées, mais à la place, j'obtiens une liste d'éléments bleus: <html> <head> <style> li { color: blue } li:odd { color:green …
281 html  css  css-selectors 
4
Comment puis-je appliquer des styles à plusieurs classes à la fois?
Je veux que deux classes avec des noms différents aient la même propriété en CSS. Je ne veux pas répéter le code. .abc { margin-left:20px; } .xyz { margin-left:20px; } <a class="abc">Lorem</a> <a class="xyz">Ipsum</a> Exécuter l'extrait de codeMasquer les résultatsDévelopper l'extrait Comme les deux classes font la même chose, je …
277 css  css-selectors 
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.