.Btn大丈夫 /* 黄 */ {
フォントの太さ: 太字;
フォントファミリー: "Microsoft JhengHei";
背景の色: #FBBB13; no-repeat;
背景位置: 98% 48%;
カーソル: ポインタ; }
.BtnLogin /* スチームグリーン */ {
font-weight: 太字;
font-family: "Microsoft JhengHe i";
色: #FFFFFF;
背景色: #9DC807;
背景位置: 98% 48%;
色は違いますが、他の属性は同じです
継承できる関連記事が見つかりません
同じコードがたくさんあるので、プログラムコードが非常に汚い気がします
ディスカッションへの返信(解決策)
.BtnOkay , .BtnLogin { font-weight: bold; font-family: "Microsoft JhengHei"; color: #FFFFFF; border: 0px; background-repeat: no-repeat; background-position: 98% 48%; cursor: pointer;}.BtnOkay /* 黄 */ { background-color: #FBBB13;}.BtnLogin /* Steam绿 */ { background-color: #9DC807;}
.BtnOkay , .BtnLogin { font-weight: bold; font-family: "Microsoft JhengHei"; color: #FFFFFF; border: 0px; background-repeat: no-repeat; background-position: 98% 48%; cursor: pointer;}.BtnOkay /* 黄 */ { background-color: #FBBB13;}.BtnLogin /* Steam绿 */ { background-color: #9DC807;}
レッスンありがとうございます∧∧ 想像してたのとちょっと違う、理想は
.myBtnProperty { font-weight: bold; font-family: "Microsoft JhengHei"; color: #FFFFFF; border: 0px; background-repeat: no-repeat; background-position: 98% 48%; cursor: pointer;} .BtnOkay /* 黄 */ { .myBtnProperty background-color: #FBBB13;} .BtnLogin /* Steam绿 */ { .myBtnProperty background-color: #9DC807;}
複数の CSS を同じ要素に同時に適用できます クラス
<!doctype html><html lang="en"><head> <meta charset="UTF-8" /> <title> 页面名称 </title><style type="text/css">.myBtnProperty { font-weight: bold; font-family: "Microsoft JhengHei"; color: #FFFFFF; border: 0px; background-repeat: no-repeat; background-position: 98% 48%; cursor: pointer;} .BtnOkay /* 黄 */ { background-color: #FBBB13;} .BtnLogin /* Steam绿 */ { background-color: #9DC807;}</style></head><body><div class="myBtnProperty BtnOkay">BtnOkay</div><div class="myBtnProperty BtnLogin">BtnLogin</div></body></html>
インタビューでは、どの CSS プロパティを継承できるかを尋ねられます。
CSS テストはこれまで見たことがなかったので、インターネットで既成のものが簡単に見つかるからだと思います
というメソッドがあります。前に Bootstrap を見たことがあります
いいえ、あなたの最初の方法を使用します
??あなたのものを共有して教えてください ^^