2016-05-27 53 views
0

に私自身の擬似関数を記述することができ、この考えてみます、は、私はCSS

.voffset1 { margin-top: 1px; } 
.voffset2 { margin-top: 2px; } 
.voffset3 { margin-top: 3px; } 
...... 
.voffset100 { margin-top: 100px; } 

はので、私は手動で100のCSSクラスを持っている必要はありませんCSSやCSS3
内の関数にこれをオンにすることが可能ですしかし
ちょうど1 css 'function'がありますか?以下のような

.voffset:(n) {margin-top : (n)px;} 

ない場合は、我々は100行を書くよりも良い行うことができますか?

私はscssや他の亜種を使用しないことをお勧めします。

+5

SCSSは、このような状況では現在のホイールです。発明プロセスを再訪する傾向がある場合は、運が最高です。 – circusdei

+0

それらをすべて書き出すのではなく、bash/pythonスクリプトを使ってルールを生成することができます。 – circusdei

+0

非常に多くのクラスが役に立つかもしれません。 – DaniP

答えて

2

<div style="margin-top:1px"> 

CSSが冗長である場合は、インラインスタイルを使用してください。

実際にクラスを正しく使用するようにコードを再設計してください。

+0

前回チェックしたとき、インラインCSSはブートストラップまたは一般的には示唆されていません。 – taesu

+0

@taesu彼らは「フェンスに書き込まれたすべての提案は良いものではない」と言っている。 –

関連する問題