OOCSSの構造と見た目の分離とは共通の部分が構造で、共通でない部分は見た目ということでしょうか?
下記を見るとそのようになっていますよね。
OOCSSの原則は
* ・構造と見た目の分離 * ・コンテナーとコンテンツの分離
構造と見た目の分離
これは、繰り返し定義される様なbackgroundやborderなどの見た目と構造自体を別で定義することです。
以下のコードでは、ボタン自体の構造を分離したことで、見た目を変えることでバリエーションを作ることが出来ます。
.btn {/* ボタンの構造 */
width: 200px;
height: 50px;
line-height: 50px;
text-align: center;
}
.btn-red {/* ボタンの見た目 */
background-color: red;
color: white;
}
ボタン
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/03/14 05:55
退会済みユーザー
2016/03/16 08:45