2016-11-11 9 views
2

を計算するために使用される:CSSのワイルドカードセレクタは、私は、TDさんは次のようになり、クラス持つテーブル持ってパディング

インデント-2 ...インデント-nは、

インデント-1をこれを使用することが可能ですワイルドカードセレクタを使用して要素にインクリメンタルパディングを設定しますか?

(理由は理解の私の不足の)擬似コード:

td[class^='indent'] { 
    padding-left: (2*n)em 
} 

ことが必要な場合、私はSASSへのアクセス権を持っています。

+0

CSS/CSSプリプロセッサを使ってクラス名からいくつかの変数を計算することはできません。そのためにjQuery/jsを使用できますか?また、indent- * n *の限界を知っていますか? – Justinas

+0

SASS/LESSにはこのためのミックスインがあります。 – Roberrrt

+0

これらのミックスインについてさらに詳しい情報を教えてください。私はSASSに新しいので、何かが役に立つでしょう。 – mpals

答えて

0

私が正しくあなたの問題を理解していれば、私はあなたがこれらの線に沿って何かやってSASSを使用できると思います:

あなたはもちろん、あなたの番号nに10を交換
@for $i from 1 through 10 { 
    td.indent-#{$i} { 
    padding-left: #{2*$i}em; 
    } 
} 

を。もちろん、これは、発生した番号がわかっている場合にのみ可能です。

+0

私の問題は、「n」の数がわからないことです。私はjavascriptソリューションを使用して終了しました。なぜなら、それはハッキリしなくなり、コードが大幅に少なくなったからです。 – mpals

+1

あなたはnの上限がないなら、あなたの唯一のオプションだと確信しています。また不要なコードも少なくなりました! –

関連する問題