3

CSS では、

#main #display img { height: 80px }

displayこれは、 idを持つ別の要素内にあるid を持つ要素内のすべての画像を意味しますmain。しかし、idは単なるグローバル名のように見えるので、それは理にかなっていますか、それとも合法ですか。

SASSは実際にネストを許可しており、一部のコードはそれをネストする可能性があるためです

#main
  width: 700px

  #display
    img
      height: 80px

これは「id内のid」です。

更新：これは、おそらく、決して存在してはならないためです

#main #display img { height: 80px }
#sidebar #display img { height: 80px }

つまり、id を持つ 2 つの要素があってはなりませんdisplay。通常、書く代わりに

#main #display img { height: 80px }

あなたも書くかもしれません

#display img { height: 80px }
4

2 に答える 2

7

確かに - 複数のページに 1 つのスタイル シートがある場合、これが実際に理にかなっているシナリオが存在する可能性があります (「#displayが の子である場合は、#mainこのように画像を表示し、それ以外の場合はそのように表示します」)。

それは間違いなく合法です、問題ありません。

于 2010-06-11T23:51:13.253 に答える
0

それは理にかなっている。それは非常に制限的ですが、それはまさにあなたが探しているものかもしれません.

たとえば、構造が異なる可能性のある多くの異なるドキュメントで同じ CSS が使用されている場合。

于 2010-06-11T23:52:07.630 に答える