1

わかりました、私はstackoverflow cssセレクターを読んでいます。ここのスレッドで、この構文の違いは何ですか? ^= とはどういう意味ですか? それは何を選択していますか？全て？

[class^='Rating']

と

div.Rating0_5

また、次のようなステートメントもあります。 注: 同じ単純なセレクターが繰り返し出現することは許可されており、具体性が向上します。

どういう意味ですか？

Web サイトで大量の CSS コードをクリーンアップする必要があるため、質問しています。それぞれが 200 行以上のコードを含む 10 以上のスタイルシートがあり、スタイルシート間で互いにオーバーライドしているスタイルがあります。スタイルシートを 1 行ずつ調べて、どの特定のクラス、div などが別のクラス、div などをオーバーライドしているかを調べるのは骨の折れる作業であり、特異性の一部は 7 つのセレクターの深さです! それは私にはほとんど不可能であり、非常にストレスがたまる。

他のスタイルを上書きするスタイルを対象とするツールはありますか? 使い方は簡単で、正確には何をしますか? そうでない場合、非常に長いセレクターを使用せずに十分な特異性を備えた CSS を作成して、別のスタイルシートのルールによって上書きされないように一意性を確保するにはどうすればよいでしょうか?

ありがとう、これが何らかの意味を持ち、誰かがこの経験をしたことを願っています.

4

1 に答える 1

1

^= は、CSS セレクターの「で始まる」です。あなたの場合、「評価」で始まる名前のクラスに適用されます。

従来の CSS では、非常に長いセレクターを具体的に作成する必要があります。このステートメントは、セレクターを複製してスタイリングを組み合わせることができることを意味していると思います。

CSS のクリーンアップに関しては、自動化ツールの良い提案はありませんが、http ://sass-lang.com/ (SCSS) を参照して、CSS 上のより優れた構文レイヤーを確認してください。セレクターの変数と継承。CSS を大幅にクリーンアップします。

于 2011-09-23T21:46:52.227 に答える