css - このCSSセレクターは何をしますか

Question

ブートストラップでプロジェクトを開発していますが、1つのクラスで問題が発生しました。

.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],

このクラスに関する情報を見つけることができるリンクを教えてください^/*。それは私のコードを乱雑にします、そしてあなたはそれらのシンボルとクラスkeywoardでグーグルするのがいかに難しいか知っています）

Answer 1

これはCSS属性セレクターと呼ばれます。あなたはここでそれらについてすべて読むことができます：https ：//developer.mozilla.org/en-US/docs/CSS/Attribute_selectors

あなたの場合[class^="icon-"]、クラス属性がで始まり、icon-その後に何でも続く要素と一致します。そして、属性のどこかにある[class*=" icon-"]要素と一致します（最初のスペースに注意してください）。icon-class