Page Top

順列を求めなくても良かった話

August 13, 2014

日が空いてしまいましたが、前回ulとolの順列を求めて三千里でしたが、あの後、列が1列のものに対してulとolの順列を6階層、列が2列のものに対してulとolの順列を6階層、~~、列が5列のものに対してulとolの順列を6階層、と指定しなければならないことに気が付き・・、う~んこれは面倒だな・・何かもっと簡単な方法があるはずだ・・と、閃いたのが%指定でした。

ulもolもブロック要素で、デフォルトでposition:relativeですので、親要素に指定されたスタイルは子要素に継承されます。なので、親要素に%指定すれば、その親要素の中での%、その親要素の中の子要素の中での%、その子要素の中の子要素の中での%、と言う風に勝手にスタイルが継承されていき、詳細な指定は不要なのでした。

なぜ始めにこれを思いつかなかったのか・・。長いcssを書かずに済みました。

【追記】
と、思っていたのですが、liに対するスタイルがulとolとでそれぞれ異なるので、やはり順列を求めなければならないようです・・。親要素しか継承しないため、ulとolが交互入り混じった階層でのスタイルはやはり1つ1つ指定しなければなりません。。

最新記事