Articles of sélecteurs CSS

Sélecteur d’atsortingbut où la valeur est égale à A ou à B?

Je me demandais s’il était possible de spécifier des éléments dans CSS où un atsortingbut est égal à l’une des deux valeurs, quelque chose comme ceci: input[type=text][type=password] Cependant, ce sélecteur ne semble pas fonctionner (je suppose que parce que spécifier deux fois le même atsortingbut n’est pas valide), est-ce que quelqu’un sait comment faire cela?

Quelle est la différence entre les sélecteurs d’atsortingbut pipe (|) et caret (^)?

Chez W3Schools, ils déclarent les deux | et ^ signifie: Sélectionnez un élément avec un atsortingbut commençant par une valeur spécifiée . Alors, quelle est la différence?

nth-child ne répond pas à la classe

Est-il possible de faire fonctionner le pseudo-sélecteur nth-child avec une classe spécifique? Voir cet exemple: http://jsfiddle.net/fZGvH/ Je veux que le deuxième DIV.red devienne rouge, mais il n’applique pas la couleur comme prévu. Non seulement cela, mais lorsque vous spécifiez ceci, le 5ème DIV change en rouge: div.red:nth-child(6) Lorsque vous spécifiez ceci, le 8ème DIV change […]

Est-il possible de spécifier un raccourci CSS pour «tous les éléments sauf le premier / dernier»?

Très souvent, il est normal de devoir spécifier un style CSS pour tous les éléments sauf le premier (ou le dernier). Par exemple, lorsque vous stylisez des paragraphes, vous souhaitez append une marge inférieure à chaque élément sauf le dernier (ou de la même manière, une marge supérieure à chaque élément sauf le premier). Y […]

Sélecteur CSS pour pas un enfant de type d’élément?

Je veux code éléments de code qui ne sont pas à l’intérieur d’ a balise. Quelle est la meilleure approche pour y parvenir? code:not(a code) ne semble pas fonctionner du tout, au moins sur Chrome, même s’il semble Je ne peux pas non plus le faire fonctionner depuis la console. Y a-t-il d’autres approches css-only […]

Dois-je utiliser CSS: le sélecteur d’atsortingbut désactivé de pseudo-classe ou ou est-ce une question d’opinion?

J’essaie de styler une entrée désactivée. Je peux utiliser: .myInput[disabled] { } ou .myInput:disabled { } Le sélecteur d’atsortingbut est-il le moyen CSS3 moderne et la manière d’aller de l’avant? J’avais l’habitude d’utiliser la pseudo-classe, mais je n’arrive pas à trouver si elles sont anciennes et si elles ne sont pas supscopes ou si elles […]

Quelle est la différence entre: avant et :: avant?

Je viens de voir un code CSS inclus ::before balise. J’ai regardé MDN pour voir ce qui se passe ::before : mais je ne l’ai pas vraiment compris. Quelqu’un peut-il expliquer comment cela fonctionne? Fait-il un élément DOM avant ce que nous sélectionnons par CSS?

CSS: Comment dire .class: last-of-type

Duplication possible: Comment sélectionner le dernier enfant avec un nom de classe spécifique dans CSS? Comme le titre l’indique, je veux adresser les règles CSS au dernier élément d’un certain type qui a une certaine classe. Le code suivant fonctionne parfaitement: div:last-of-type { margin-right:0; } mais je veux quelque chose comme div.class:last-of-type { margin-right:0; } […]

: premier enfant ne fonctionne pas comme prévu

J’essaie de sélectionner le premier h1 dans un div avec une classe appelée detail_container . Cela fonctionne si h1 est le premier élément de cette div , mais s’il vient après cette ul il ne fonctionnera pas. .detail_container h1:first-child { color:blue; } First H1 Second H1 J’avais l’impression que le CSS que je possède sélectionne […]

Puis-je combiner: nth-child () ou: nth-of-type () avec un sélecteur arbitraire?

Y a-t-il un moyen de sélectionner chaque nième enfant qui correspond (ou ne correspond pas) à un sélecteur arbitraire ? Par exemple, je veux sélectionner chaque ligne de table impaire, mais dans un sous-ensemble des lignes: table.myClass tr.row:nth-child(odd) { … } Row Row Row Row Mais :nth-child() semble simplement compter tous les éléments tr , […]