オブジェクト指向CSS_html/css_WEB-ITnoseの役割と注意点

1) オブジェクト指向 CSS の役割:

1.1) メンテナンスのためのコードの再利用を強化する;

1.3) レンダリング効率を向上させる;

1.4) コンポーネント ライブラリのアイデア、グリッド共有され、セレクターが減り、拡張が容易になります。

2) オブジェクト指向 CSS に関する注意事項:

2.1) 子ノードを直接定義せず、共通の宣言を親クラスに配置します。

2.3) コンテナとコンテンツを分離します。 ) 再利用可能なオブジェクトを抽象化し、コンポーネント ライブラリを構築し、コンポーネント ライブラリ内で利用可能な要素を見つけてページを組み立てます。

2.5) 親ノードの代わりに拡張したいオブジェクトにクラスを追加します。

2.6) オブジェクトはそのままにしておく必要があります。独立した;

2.7) 重みが高すぎるため再利用できない ID セレクターの使用を避けます。

2.9) クラス名は同じである必要があります。短く、明確で、セマンティックなオブジェクト指向の CSS 名は、HTML のセマンティクスに影響を与えません。

著作権表示: この記事はブロガーによるオリジナルの記事であり、ブロガーの許可なく複製することはできません。