1

これらを自分のサイトに実装する前に、:before と :after を使用して設計に否定的な経験があるかどうかを知りたかっただけです。(または肯定的な側面を上回る)

4

2 に答える 2

1

疑似要素を使用することで、よりセマンティックになります。レイアウト目的のためだけに空の要素を作成する必要はありません。

短所としては、一部のレガシー ブラウザではサポートされていないと思いますが、そのためにポリフィルを使用できます。

于 2012-08-15T01:58:12.413 に答える
0

各ページに複数の回答がある SO のようなサイトがあるとします。各回答の後に画像/アイコンを追加したい場合は、次のようなものがあります

answercell.post-text:after {
    content: url(images/disclaimer.gif);
}

そうすれば、単一の HTML/ASPX ページを変更することなく、サイト全体を更新できます

そのため、サイト全体の更新が容易になります。

さらに、必要な HTML が少なくなるため、ページの読み込みが速くなるため、ページ サイズ (Kb) が小さくなります。

于 2012-08-15T01:56:57.843 に答える