複数のクラス値がある場合は、cssワイルドカードクラスセレクタを使用できますか？

Question

ですが、私はCSSセレクタは、すべてのケースを扱うことができるかどうかを確認したいので、私はちょうどicon-をごちゃ混ぜicon- *

<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> 

含むクラスを持つすべてのアンカーを選択することができますCSSセレクタ。

クラスicon- *を含むすべてのアンカーのスタイルを変更したいと考えています。このコードは機能していないようです。

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

Javascriptは私の唯一のオプションですか？あなたは間違った選択を使用していた

Answer 1

からa [class]はdescendantとしてclass持つすべてのアンカーです。

基本的には、で始まるまたはそれを含む<a>に由来する要素が対象となります。 a[class] - あなたが欲しい

が始まるか、そのクラス自身含むすべてのアンカーを選択することです：

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

jsFiddle example here.

Answer 2

はい - しかし、あなたのタイプセレクタの間にスペースを削除する最初の必要性属性セレクタおよび属性値のスペースは、

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

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