a>tabbackgroundcolorbkcolor{blockborderclassclass="">titleclass="boxclass="ctabclass="itemclass="item"></pclass="itemtext"></pclass="layoutmainclass="layoutsubcolorcomponentcss側ctabdisplayelementextendfixedflocssfontcolorfontsizefooterfoundationheaderheighthtmlhtml側importantisactive{iscurrent{isdisable{layoutlayoutmainmainmarginmargintopmindbemdingmodifiernormalize.cssobjectoocsspaddingprojectreset.csssectionsmacsssolidthemethemefontutilitywhitewidth└──├──があります。が使われます。が破綻する理由ではの例の詳細度を高めるため、複雑化するリスクを招きやすいまとめを付けます。スタイルが子要素に継承される問題スタイルが複合的に適用される問題スタイルを独立させるための命名規則として、親モジュールの名前をプレフィックスとして利用します。ステートルールステートルールでは、プレフィックスとしてステートルールのクラス名には、固有のモジュール名を付与するとスタイルの競合を避けることができます。ステートルールの命名規則セレクタに詳細度がある問題セレクタはセレクタは同一ページで複数の要素に指定できないため、柔軟性を失うセレクタを使う場合、以下の点に注意する必要があります。セレクタを利用すると、スタイルの上書きが難しくなるテーマルールテーマルールは、見た目に関するスタイルを定義するルールです。プレフィックスとしてベースルールモジュールルールモジュールルールは、ロゴ、ナビゲーション、タブなどのページを構成するすべてのパーツに対してスタイルを定義するルールです。レイアウトルールレイヤーレイヤーは優先順位各パーツはページのどこに配置しても再利用できるようにスタイルを独立させておく必要があります。各要素を初期化する同じセレクタを多重定義できる問題命名規則として、プレフィックスには多くのプロジェクトでは構造と見た目の分離構造と見た目を分離していない状態の切り替えとは、モジュールの表示・非表示、正常・異常、オン・オフなどを指します。破綻しにくい禁止・非推奨・許容・推奨設計とは設計手法と命名規則