0

間もなく参加する進行中のプロジェクトのコードベースに精通している。このミックスインが頻繁に使用されていることに気づきました。いくつか質問があります。
1.これはかなり標準的な慣用句またはcssイディオムであり、私はそれに慣れていませんか？
2. clearfixの疑似要素の後に空のスペースを追加しているように見えますが、なぜ：beforeにも空のスペースを挿入するのですか？

@mixin container
  &:before, &:after
  content: ""
  display: table
&:after
  clear: both
  *zoom: 1

もちろん、私が参加するとき、私はただ待ってチームに尋ねることができましたが、私は今ダンギットを知りたいです！また、それが私が精通しているべきイディオムであるならば、多分私はその前にいくつかのグーグルをする必要があります笑。みんな、ありがとう！

4

1 に答える 1

0

あなたはNicolasGallagherによる「microclearfix」を見ています（http://nicolasgallagher.com/micro-clearfix-hack/を参照）。の背後にある説明は次の:beforeとおりです。

この「マイクロクリアフィックス」は、疑似要素を生成し、それらの表示をテーブルに設定します。これにより、匿名のテーブルセルと新しいブロックフォーマットコンテキストが作成されます。これは、：before疑似要素がトップマージンの折りたたみを防ぐことを意味します。：after疑似要素は、フロートをクリアするために使用されます。その結果、生成されたコンテンツを非表示にする必要がなく、必要なコードの総量が削減されます。

フロートをクリアするために：beforeセレクターを含める必要はありませんが、最新のブラウザーでトップマージンが折りたたまれるのを防ぎます。

于 2012-12-31T20:18:47.580 に答える