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.

6
Pourquoi document.querySelectorAll renvoie-t-il un StaticNodeList plutôt qu'un vrai tableau?
Cela me dérange que je ne puisse pas simplement faire document.querySelectorAll(...).map(...)même dans Firefox 3.6, et je ne trouve toujours pas de réponse, alors j'ai pensé que je posterais sur SO la question de ce blog: http://blowery.org/2008/08/29/yay-for-queryselectorall-boo-for-staticnodelist/ Est-ce que quelqu'un connaît une raison technique pour laquelle vous n'obtenez pas de tableau? …
5
Sass combinant le parent en utilisant une esperluette (&) avec des sélecteurs de type
J'ai du mal à nicher à Sass. Disons que j'ai le code HTML suivant: <p href="#" class="item">Text</p> <p href="#" class="item">Text</p> <a href="#" class="item">Link</a> Lorsque j'essaye d'imbriquer mes styles dans ce qui suit, j'obtiens une erreur de compilation: .item { color: black; a& { color:blue; } } Comment référencer un sélecteur …
2
Le sélecteur d'attribut CSS ne fonctionne pas avec href
J'ai besoin d'utiliser le sélecteur d'attribut en css pour changer le lien sur différentes couleurs et images, mais cela ne fonctionne pas. J'ai ce html: <a href="/manual.pdf">A PDF File</a> Et ce css: a { display: block; height: 25px; padding-left: 25px; color:#333; font: bold 15px Tahoma; text-decoration: none; } a[href='.pdf'] { …
5
Que fait un astérisque (*) dans un sélecteur CSS?
J'ai trouvé ce code CSS et je l'ai exécuté pour voir ce qu'il fait et il décrivait CHAQUE élément de la page, Quelqu'un peut-il expliquer ce que fait l'astérisque * en CSS? <style> * { outline: 2px dotted red } * * { outline: 2px dotted green } * * …
5
Que fait le sélecteur * * CSS?
Récemment , je suis tombé sur * *en CSS . Référence du site - Lien du site . Pour une seule *utilisation dans la feuille de style CSS, Internet et Stack Overflow regorgent d'exemples, mais je ne suis pas sûr d'utiliser deux * *symboles dans CSS. Je l'ai recherché sur …
8
Comment insérer un élément en tant que premier enfant?
Je veux ajouter un div comme premier élément en utilisant jquery à chaque clic sur un bouton <div id='parent-div'> <!--insert element as a first child here ...--> <div class='child-div'>some text</div> <div class='child-div'>some text</div> <div class='child-div'>some text</div> </div>
2
Sélecteur CSS avec période dans l'ID
La spécification HTML autorise les points (.) Dans un identifiant: <img id="some.id" /> Cependant, l'utilisation d'une règle de sélection d'ID CSS ne correspondra pas correctement: #some.id { color: #f00; } La spécification CSS pour les sélecteurs d'ID ne mentionne pas ce cas. Je suppose donc qu'il utilise la combinaison d'un …
6
: le premier enfant ne travaille pas comme prévu
J'essaye de sélectionner le premier à l' h1intérieur d'un divavec une classe appelée detail_container. Cela fonctionne si h1c'est le premier élément div, mais s'il vient après cela, ulcela ne fonctionnera pas. <style type="text/css"> .detail_container h1:first-child { color:blue; } </style> </head> <body> <div class="detail_container"> <ul> <li></li> <li></li> </ul> <h1>First H1</h1> <h1>Second …
10
querySelector recherche les enfants immédiats
J'ai une fonction de type jquery: function(elem) { return $('> someselector', elem); }; La question est de savoir comment puis-je faire la même chose avec querySelector()? Le problème est que le >sélecteur dans querySelector()nécessite que le parent soit explicitement spécifié. Y a-t-il une solution de contournement?
3
Comment créer une règle css pour tous les éléments sauf une classe?
J'ai créé une feuille de style CSS pour mon projet. Existe-t-il un moyen de créer une règle css qui s'applique à tous les éléments de table SAUF les éléments de table appartenant à la classe "dojoxGrid"? Quelque chose comme: .not(dojoxGrid) table{ width:100%; border-top:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid …
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.