0

ちょっとした初心者なので、実際のアドバイスが必要です。

私はcssセレクターの使用に関してmozillaによって書かれた記事を読んでいます。

基本的に、彼らは複雑なセレクターツリーを使用しないと言っています。たとえば、次のようになります。

.class-a .class-b > .class-c is better expressed as  custom-class-abc

明らかに、2番目のオプションはブラウザのパフォーマンスに優れているためですが、これが最善の解決策である場合は、cssの基本の多くが冗長になります。

Aを含むLIを含むULがあります。私の最初のAは別の方法で処理する必要があるため、次の構文を使用します。

#footer li:first-child a {}

Mozillaのベストプラクティスに従うとすると、これは次のようになります。

#footer a.first or #footer .first (after adding a class to the first A element)

そのまま学ぶことは十分あるので、これが現実の世界でどのように機能するかについてアドバイスをいただければ幸いです。

4

2 に答える 2

2

セレクターは問題ありません。あなたが言及した記事を読んでいないので、私は彼らが次のようなことを避けることを意味していると思います

html body div.wrapper div.navigation ul.nav li:first-child a.item { }

そしてただする

.nav li:first-child a.item

この記事では、セレクターの数が少ないほどパフォーマンスが向上する理由についてもう少し詳しく説明します。もちろん、すべてに極端なものがあり、mozillaは物事をできるだけ速くする方法を推奨する必要がありますが、セレクターはすでに非常に高速であるため、ほとんどの場合、違いはありません。

関連するメモで、cssの特異性を読むことは、実際にどれだけ選択する必要があるかを判断するのにも役立つ場合があります。http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

于 2013-01-17T14:26:21.773 に答える
1

この記事は、ダンバーブラウザに対応するには時代遅れかもしれないと思いますが、最新のブラウザのほとんどは、：first-childを理解しています。あなたの例

#footer li:first-child a {}

私が揺れる方法です。ie8は理解していません：last-child注意してください。

于 2013-01-17T14:23:27.800 に答える