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
Comment sélectionner l'étiquette pour = "XYZ" en CSS?
HTML: <label for="email">{t _your_email}:</label> CSS: label { display: block; width: 156px; cursor: pointer; padding-right: 6px; padding-bottom: 1px; } Je souhaite sélectionner le libellé en fonction de l'attribut «pour» pour effectuer des modifications de mise en page.
256 css  css-selectors 
4
Sélectionnez chaque Nième élément en CSS
Est-il possible de sélectionner, disons, un élément sur quatre dans un ensemble d'éléments? Ex: J'ai 16 <div>éléments ... Je pourrais écrire quelque chose comme. div:nth-child(4), div:nth-child(8), div:nth-child(12), div:nth-child(16) Y a-t-il une meilleure manière de faire cela?
242 css  css-selectors 
8
Appliquer le style CSS aux éléments enfants
Je veux appliquer des styles uniquement à la table à l'intérieur du DIV avec une classe particulière: Remarque: je préfère utiliser un sélecteur css pour les éléments enfants. Pourquoi le # 1 fonctionne et le # 2 ne fonctionne pas? 1: div.test th, div.test td, div.test caption {padding:40px 100px 40px …
232 css  css-selectors 
9
Sélecteur CSS3: premier du type avec nom de classe?
Est-il possible d'utiliser le sélecteur CSS3 :first-of-typepour sélectionner le premier élément avec un nom de classe donné? Je n'ai pas réussi mon test, donc je pense que non? Le code ( http://jsfiddle.net/YWY4L/ ): p:first-of-type {color:blue} p.myclass1:first-of-type {color:red} .myclass2:first-of-type {color:green} <div> <div>This text should appear as normal</div> <p>This text should be …
230 css  css-selectors 
4
Les noms de classe dans les sélecteurs CSS sont-ils sensibles à la casse?
Je continue de lire partout que CSS n'est pas sensible à la casse, mais j'ai ce sélecteur .holiday-type.Selfcatering qui quand j'utilise dans mon HTML, comme ça, est ramassé <div class="holiday-type Selfcatering"> Si je change le sélecteur ci-dessus comme ceci .holiday-type.SelfCatering Ensuite, le style n'est pas repris. Quelqu'un dit des mensonges.
229 html  css  css-selectors 
9
Comment combiner classe et ID dans le sélecteur CSS?
Si j'ai le div suivant: <div class="sectionA" id="content"> Lorem Ipsum... </div> Existe-t-il un moyen de définir un style qui exprime l'idée "Un div avec id='content'ET class='myClass'"? Ou devez-vous simplement aller dans un sens ou dans l'autre comme dans <div class="content-sectionA"> Lorem Ipsum... </div> Ou <div id="content-sectionA"> Lorem Ipsum... </div>
221 css  css-selectors 
5
Quelle est la syntaxe du sélecteur en CSS pour l'élément suivant?
Si j'ai une balise d'en-tête <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } et après cela j'ai un paragraphe <p>stuff here</p>. Comment puis-je m'assurer d'utiliser CSS que chaque <p>balise qui suit le h1.hc-reformà utiliser:clear:both; serait-ce: h1.hc-reform > p{ clear:both; } pour une raison quelconque, cela ne fonctionne pas.
4
Existe-t-il un sélecteur CSS par préfixe de classe?
Je souhaite appliquer une règle CSS à tout élément dont l'une des classes correspond au préfixe spécifié. Par exemple, je veux une règle qui s'appliquera à div dont la classe commence par status-(A et C, mais pas B dans l'extrait suivant): <div id='A' class='foo-class status-important bar-class'></div> <div id='B' class='foo-class bar-class'></div> …
182 css  css-selectors 
9
Puis-je appliquer un style CSS à un nom d'élément?
Je travaille actuellement sur un projet dans lequel je n'ai aucun contrôle sur le HTML auquel j'applique des styles CSS. Et le HTML n'est pas très bien étiqueté, en ce sens qu'il n'y a pas assez de déclarations d'identifiant et de classe pour différencier les éléments. Donc, je cherche des …
176 html  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.