Est-il possible d'utiliser les css générique sélecteur de classe où il y a plusieurs valeurs de classe?

Est-il un sélecteur CSS où je peux sélectionner tous les points de contrôle avec une classe contenant de l'icône de l'*

<a class="icon-a icon-large scrollTo" href="#a"></a>
<a class="icon-large icon-b scrollTo" href="#b"></a>
<a class="icon-large scrollTo icon-c" href="#c"></a>

Je viens de pêle-l'icône - car je veux vérifier si le sélecteur css peut gérer tous les cas.

Je veux être en mesure de changer le style de tous les points de contrôle qui contient l'icône de la classe-*. Ce code ne semble pas fonctionner.

a [class^="icon-"], a [class*=" icon-"] {
    text-decoration: none;
    color: #1BA1E2;
}

Javascript est ma seule option?

color: #PINK; la # est trop?
Vous ne pouvez pas avoir une classe qui contient de l'espace, de sorte que le deuxième sélecteur n'a pas de sens.
Mais on peut avoir une classe attribut avec une valeur qui contient un espace. C'est là, dans le balisage des espaces sont utilisés pour séparer les noms de classe.
Oh pinaise, à droite, l'attribut sélecteur de ne pas l'analyser comme un sélecteur de classe.

OriginalL'auteur atp03 | 2013-06-05

  1. 22

    Vous avez été en utilisant un mauvais sélecteur de - a [class] est tous les ancres avec un class comme un descendant.

    Fondamentalement, n'importe quel élément décroissant à partir d'un <a>, qui commence avec ou contient la classe icon- seront ciblés.

    Ce que vous voulez est de sélectionner tous les points de contrôle de départ, avec ou contenant la classe eux-mêmes - a[class]:

    a[class^="icon-"], a[class*=" icon-"] {
   text-decoration: none;
   color: #1BA1E2;
}

    jsFiddle exemple ici.

    Je suis une complète css noob. Merci! Est la 2ème sélecteur réellement nécessaire? Pas exactement ce qu'il fait depuis que j'ai fait ce code de font-awesome dans une tentative pour remplacer quelque chose.
    Le premier sélecteur est le plus approprié, et oui ils font tous les deux la même chose dans ce contexte.

    OriginalL'auteur lifetimes

  2. 5

    Oui - mais vous devez d'abord supprimer l'espace entre le sélecteur de type de l'attribut sélecteur et de l'espace dans la valeur d'attribut:

    a[class^="icon-"], a[class*="icon-"] {
text-decoration: none;
color: pink; /* get rid of the # */
}

    http://jsfiddle.net/c8YdD/1/

    Et maintenant, la question a changé #1BA1E2 qui est décidément pas rose...?!
    Pas de soucis mec, je sais que ce n'était pas vous! +1

    OriginalL'auteur Adrift