私がCSS定義を持っている場合;
.grid .data table tr.selected td [class^="icon-"], .grid .data table tr.selected td [class*=" icon-"] {
background-image: url("../img/css-sprites.png");
}
正確にはどのように機能しますか？条件が満たされているかどうかを意味します（trには選択されたクラスがあり、「icon-」という名前を含むクラスを持つ子要素を持つ子tdがあります）
私の質問は、background-image がどの要素に適用されるかということです。
この場合、class開始元でicon-あり、childのtd子である要素にスタイルを適用します<tr class="selected">
コンマの後の部分は、それに含まれるすべての"*="クラスと、それぞれのツリーがスタイルに適用されることを定義します"icon-"childtd
,(コンマ)を使用してセレクターを指定すると...this, this and this would have the same style、つまり、これらのコンマで区切られた要素はそれぞれ指定された同じスタイルを持ち、そのスタイルが各要素に適用されます。
質問のコードには要素間にコンマがないため、相互の子要素を継続的に定義しているため、指定した最後の子要素は、文字をtd[class*='icon-]含むクラスを持つすべての tds にicon-スタイルが適用されます。