2

CSS3 のグローバルな CSS リセットが存在するかどうかは単純に疑問です。Eric MeyerまたはYUIによって作成された一般的に使用されるバージョンに沿ったものですが、特に CSS3 用です。Google、Github、SO などのチャネルに問い合わせましたが、包括的な解決策は見つかりませんでした。

編集：「リセット」という用語は、主にブラウザのデフォルト設定のリセットを扱っているため、誤解を招く可能性があります。「再調整」の方が適している場合があります。

ユースケースを明確にして提示する必要があります。

これは、通常の CSS リセットと連携して機能しますが、回転、ボックスの影、アニメーション、境界線の半径などによって引き起こされるスタイリングも処理します。たとえば、この投稿で前述したように:

-webkit-transform:none; /* Safari and Chrome */
-moz-transform:none; /* Firefox */
-ms-transform:none; /* IE 9 */
-o-transform:none; /* Opera */
transform:none;

上記のスニペットやその他の同様のスニペットは、現在の CSS リセットと同様に、影響を受ける可能性のある HTML タグに関連付けられます。

プロパティを管理している場合、これを実装する必要性はおそらくあまり一般的ではありません。ただし、たとえば、プラグイン スクリプトが呼び出されるページのスタイルがプラグイン自体のスタイルに影響を与える可能性がある、さまざまなドメインで使用されるアプリまたはプラグインを作成している場合は、次のようになります。これは非常に便利です。

CSS の継承を制御し、クロスドメインの問題を処理する方法が他にもあることは認識していますが、この質問は CSS3 のリセットに関して直接出されています。

どうもありがとう。

4

1 に答える 1

2

問題を解決する実際の方法は、scoped属性を使用するか、ShadowDOMを使用してウィジェットを作成することです。

このようにして、外部CSSから身を守ることができます。残念ながら、どちらも実際に使用する準備ができていないため、手動で自分自身を保護する必要があります。

別の方法は、コード内のすべて（変換、フォントサイズ、パディングなど）を、!important0 / noneにリセットしてから新しく設定するのではなく、を使用して設定することです。

于 2012-06-29T06:58:28.283 に答える